*{font-family:"Roboto",sans-serif}.d-desktop{visibility:hidden;display:none}.d-mobile{visibility:visible;display:inherit}.navbar-right{flex-direction:row}.navbar-right .nav-item{margin:0 .5em}.code{position:relative;border:2px solid #ccc;border-radius:.5em;padding:1em;min-height:3.5em}.code .code-wrapper{width:100%;padding:1em 0;overflow:auto}.code .code-wrapper code{white-space:pre !important}.code .btn-copy{display:inline-block;position:absolute;top:-2px;right:-2px;border:2px solid #ccc;border-radius:.5em;padding:.25em .5em;background:#fff;cursor:pointer}.code .btn-copy:hover{background-color:#ccc}p{margin-top:1rem;margin-bottom:1rem}.avatar{height:30px;width:30px;object-fit:cover;border-radius:30px}.profile-card{display:flex;align-items:center;padding:10px;border:2px solid #ccc;border-radius:10px;color:#888;overflow:auto}.profile-card .profile-pic{margin-right:1em}.profile-card .profile-pic i.far{width:1em;height:1em;line-height:1em;font-size:100px;color:#eee}.profile-card .profile-details .profile-id{font-size:.8em}.profile-card .profile-details .profile-name{font-weight:400}.profile-card .profile-details .profile-email{text-decoration:underline}ul.service-list{display:grid;list-style:none;padding:0;margin:0;grid-template-columns:repeat(3, 1fr);gap:20px}ul.service-list li{display:block;width:100px;height:100px;margin:auto;border:2px solid #ccc;border-radius:10px;line-height:96px;text-align:center}ul.service-list li a{display:inline-block;width:100%;height:100%;text-decoration:none;overflow:hidden}ul.service-list li a i{display:block;width:100%;height:100%;font-size:50px;line-height:100px;transition:all 400ms}ul.service-list li a:hover i{margin-top:-100%}@media(min-width: 576px){ul.service-list{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 768px){ul.service-list{grid-template-columns:repeat(6, 1fr)}}@media(min-width: 992px){.d-desktop{visibility:visible;display:inherit}.d-mobile{visibility:hidden;display:none}.navbar-right{flex-direction:column}.navbar-right .nav-item{margin:0}.code .code-wrapper{padding:0}.code .btn-copy{padding:.5em}ul.service-list{grid-template-columns:repeat(8, 1fr)}}@media(min-width: 1200px){ul.service-list{grid-template-columns:repeat(12, 1fr)}}/*# sourceMappingURL=app.css.map */