@import"https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";html{height:100%;font-family:"Inter",sans-serif;background-color:#0b0b0b;scroll-behavior:smooth}body{height:100%;font-size:1rem}h1{font-size:2rem}h2{font-size:1.2rem}a{color:#d9d9d9;text-decoration:none}a:hover{font-weight:bold;text-decoration:underline}button{cursor:pointer}nav{font-family:"Anonymous Pro",serif;position:fixed;top:2%;left:5%;z-index:10;background-color:rgba(20,20,20,.7);padding:0 15px 0 25px;border-radius:15px}nav ul{list-style:none;padding:0}nav li{padding:5px 0;display:flex;align-items:center}nav .wrapper{display:flex;align-items:center;position:relative}nav .circle{display:inline-block;position:relative;height:15px;width:15px;left:-10px;top:0;border-radius:50%;border:1px solid #d9d9d9}nav a{display:inline-block;font-size:1em}nav a:hover,nav .active-section{font-weight:bold}nav a:hover .circle,nav .active-section .circle{background:#d9d9d9}nav li:not(:last-child) .wrapper::after{border-left:1px solid #d9d9d9;content:"";display:inline;position:absolute;top:16px;left:-2px;width:1px;height:12px}#introduction{flex-direction:column}.content-section{padding:20px 0;font-family:"Roboto Mono",serif;display:flex;flex:0 0 100%;justify-content:center;align-items:center;position:relative;width:100%;min-height:100vh;left:50%;color:#d9d9d9;background-color:#0b0b0b;text-align:center;transform:translateX(-50%)}.content-section .avatar{filter:grayscale(100%);max-height:150px;max-width:150px;border-radius:50%;border:2px solid #d9d9d9;cursor:pointer;transition:.2s}.content-section .avatar:hover{filter:grayscale(0%)}.content-section:nth-of-type(even){background-color:#141414}.content-block{text-align:left;max-width:750px;margin:0 20px}.hover-trigger{display:block;cursor:pointer;text-align:left;min-width:180px}.hover-trigger .hide{display:inline-block;max-width:0;opacity:0;transition:max-width .2s,opacity .2s}.hover-trigger:hover .hide{max-width:100px;opacity:1;margin-right:20px}.hover-trigger.loaded .hide{animation:show-hide 2s ease-in-out}.ext-link::after{font-family:"Font Awesome 6 Free";content:"";font-weight:900;display:inline-block;transform:rotate(-45deg);font-size:12px;position:relative;top:-4px;left:2px}.presence-item{margin:10px 0;padding:20px;background-color:#141414;border-radius:15px;word-break:break-word}.presence-item h2{margin-top:0}dialog::backdrop{background-color:rgba(0,0,0,.8)}.projects-container{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.projects-container .dialog-wrapper{background-color:#0b0b0b;border-radius:15px;border:2px solid #141414}.projects-container .dialog-wrapper .projects-item{cursor:pointer;padding:15px}.projects-container .dialog-wrapper .projects-item .image-container{margin-top:10px;width:200px;height:180px}.projects-container .dialog-wrapper .projects-item .image-container img{height:100%;width:100%;-o-object-fit:none;object-fit:none;-o-object-position:0% 0%;object-position:0% 0%}.projects-container .dialog-wrapper .dialog-container button{float:right}.projects-container .dialog-wrapper .dialog-container .dialog-inner{display:flex;gap:15px;flex-direction:column-reverse}.projects-container .dialog-wrapper .dialog-container .dialog-inner h3{margin-top:0}.projects-container .dialog-wrapper .dialog-container .dialog-inner img{border-radius:15px;height:-moz-fit-content;height:fit-content}.projects-container .dialog-wrapper .dialog-container .dialog-inner .technologies{padding:0}.projects-container .dialog-wrapper .dialog-container .dialog-inner .technologies li{list-style-type:none;background:#0b0b0b;display:inline-block;padding:8px;margin-bottom:5px;border-radius:15px;font-size:.8rem}.projects-container .dialog-wrapper:hover{border:2px solid #d9d9d9}.projects-container dialog{background-color:#141414;color:#d9d9d9;border:2px solid #d9d9d9;border-radius:15px;width:80vw}.social-icon{cursor:pointer;display:inline-flex;background-color:#0b0b0b;width:45px;height:45px;border-radius:50%;transition:all .2s ease-in-out;border:2px solid #d9d9d9;flex-direction:column;vertical-align:top}.social-icon i{font-size:1.5rem;display:flex;height:100%;justify-content:center;align-items:center}.social-icon img{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(198deg) brightness(106%) contrast(101%);height:1.5rem;margin-left:50%;transform:translateX(-50%);padding-top:10px}.social-icon:hover{transform:scale(1.1);text-decoration:none}[tooltip]{position:relative}[tooltip]:hover::before{content:attr(tooltip);font-size:.8rem;text-align:center;position:absolute;display:block;left:50%;min-width:100px;max-width:200px;top:calc(100% + 10px);transform:translate(-50%);animation:fade-in 300ms ease;background:#141414;border-radius:4px;border:2px solid #d9d9d9;padding:10px;color:#d9d9d9;z-index:1}@media(min-width: 992px){nav{position:fixed;top:50%;left:10%;transform:translate(-50%, -50%);background-color:rgba(0,0,0,0);padding:0}#introduction{flex-direction:row}.content-section .avatar{margin-right:50px}.projects-container{justify-content:left}.projects-container .dialog-inner{flex-direction:row !important}.projects-container .dialog-inner img{max-width:50%}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes show-hide{0%{max-width:0;opacity:0;margin-right:0}25%{max-width:100px;opacity:1;margin-right:20px}75%{max-width:100px;opacity:1;margin-right:20px}100%{max-width:0;opacity:0;margin-right:0}}