@import url(https://fonts.googleapis.com/css2?family=Inconsolata:wght@300&family=Lato:wght@300;400;900&display=swap);body{background-color:#0d1624;color:#fff;font-family:Lato,sans-serif;font-weight:300;margin:0;overflow-x:hidden}::-webkit-scrollbar{width:1em}::-webkit-scrollbar-track{background:#0d1624}::-webkit-scrollbar-thumb{background:#b9b9b9;border:5px solid #0d1624;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#739ae0}.btn{background-color:none;background:transparent;border:1px solid #739ae0;border-radius:5px;color:#b9b9b9;cursor:pointer;display:block;font-family:Inconsolata,monospace;font-size:1rem;margin:0 auto;outline:none;padding:1em 2em;text-decoration:none;transition:color .3s,box-shadow .3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn:hover{box-shadow:3px 3px 0 0 #739ae0;color:#fff}header{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto 5em;max-width:1000px;padding-left:10em;padding-right:10em}header p{-webkit-animation:greetings 4s;animation:greetings 4s;color:#739ae0;font-size:1.1rem;margin:0}@-webkit-keyframes greetings{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}15%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes greetings{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}15%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}header h1{-webkit-animation:fullname 4s;animation:fullname 4s;font-size:5rem;font-weight:900;margin:0;text-shadow:5px 5px 0 #739ae0}@-webkit-keyframes fullname{0%,10%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}25%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fullname{0%,10%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}25%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}header h2{-webkit-animation:title 4s;animation:title 4s;color:#b9b9b9;font-family:Inconsolata,monospace;font-size:2rem;font-weight:400;margin:.3em 0 0}@-webkit-keyframes title{0%,30%{visibility:hidden}}@keyframes title{0%,30%{visibility:hidden}}header .btn{-webkit-animation:explore-button 4s;animation:explore-button 4s;margin:5em auto 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@-webkit-keyframes explore-button{0%,70%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes explore-button{0%,70%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}header .btn:hover{box-shadow:3px 3px 0 0 #739ae0;color:#fff}@media screen and (max-width:800px){header{padding-left:2em;padding-right:2em}header h1{font-size:4rem}header h2{font-size:1.5rem}}.typing-animation .cursor.blinking{-webkit-animation:cursor-blinking .8s infinite;animation:cursor-blinking .8s infinite}@-webkit-keyframes cursor-blinking{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes cursor-blinking{0%{opacity:1}50%{opacity:0}to{opacity:1}}nav{-webkit-animation:nav-bar 4s;animation:nav-bar 4s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(14,23,37,.851);box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;left:0;padding:1.5em;position:fixed;top:0;transition:box-shadow .3s;width:100%;z-index:5}@-webkit-keyframes nav-bar{0%,20%{-webkit-transform:translateY(-5em);transform:translateY(-5em)}30%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes nav-bar{0%,20%{-webkit-transform:translateY(-5em);transform:translateY(-5em)}30%{-webkit-transform:translateY(0);transform:translateY(0)}}nav.down{box-shadow:0 0 15px 1px rgba(0,0,0,.357)}nav a{color:#fff;cursor:pointer;margin:0 1.5em;position:relative;text-decoration:none}nav a:after{background-color:#739ae0;bottom:-10px;content:"";height:2px;left:50%;opacity:0;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s;width:20px}nav a.active:after{opacity:1}@media screen and (max-width:800px){nav{justify-content:center}nav a{margin:0 1em}}.socials{display:flex;flex-direction:column;left:0;padding:1em;position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:5}@media(min-width:800px){.socials{-webkit-animation:socials 4s;animation:socials 4s}}.socials .social-icon{cursor:pointer;display:block;display:flex;height:1.7em;justify-content:center;margin:.4em;text-decoration:none;width:1.7em}.socials .social-icon svg{height:100%;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.socials .social-icon svg *{fill:#fff;transition:fill .3s}.socials .social-icon:hover svg{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.socials .social-icon:hover svg *{fill:#739ae0}@-webkit-keyframes socials{0%,30%{left:-100%}40%{left:0}}@keyframes socials{0%,30%{left:-100%}40%{left:0}}.socials:after,.socials:before{background-color:#2c334d;content:"";height:5em;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1px}.socials:before{-webkit-animation:socials-sudo-elements 4s;animation:socials-sudo-elements 4s;top:-5em}@-webkit-keyframes socials-sudo-elements{0%,40%{height:0;top:0}50%{height:5em;top:-5em}}@keyframes socials-sudo-elements{0%,40%{height:0;top:0}50%{height:5em;top:-5em}}.socials:after{-webkit-animation:socials-sudo-elements2 4s;animation:socials-sudo-elements2 4s;bottom:-5em}@-webkit-keyframes socials-sudo-elements2{0%,40%{bottom:0;height:0}50%{bottom:-5em;height:5em}}@keyframes socials-sudo-elements2{0%,40%{bottom:0;height:0}50%{bottom:-5em;height:5em}}@media screen and (max-width:800px){.socials{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0d1624;background-color:rgba(14,23,37,.851);bottom:0;box-shadow:0 0 15px 1px rgba(0,0,0,.357);flex-direction:row;justify-content:center;left:0;padding:.5em;right:0;top:auto;-webkit-transform:translateY(0);transform:translateY(0)}.socials:after,.socials:before{display:none}}section.about .section-content{align-items:center;display:flex;flex-wrap:wrap;gap:3em;justify-content:center}section.about .section-content .text{flex:1 1;min-width:15em}section.about .section-content .text h4{font-weight:400;margin-bottom:0}section.about .section-content .text p{margin-top:0}section.about .section-content .profile-picutre{aspect-ratio:1/1;background-image:url(/static/media/profile_picture.45562b366b1e6f4d77cf.jpeg);background-position:50%;background-size:cover;border-radius:50%;position:relative;width:17em}section.about .section-content .profile-picutre:after{-webkit-animation:profile-picture-pulsing 3s linear infinite;animation:profile-picture-pulsing 3s linear infinite;border:3px solid #739ae0;border-radius:50%;bottom:-.5em;content:"";left:-.5em;position:absolute;right:-.5em;top:-.5em}section.about .section-content .profile-picutre img{border-radius:50%;height:100%;-webkit-user-select:none;user-select:none;width:100%}footer{padding:1.5em;text-align:center}footer span{padding:1em;position:relative}footer span:after{content:"•";position:absolute;right:-4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}footer span:last-child:after{content:""}footer span a{color:#fff;text-decoration:none}@media screen and (max-width:800px){footer{padding-bottom:5em}}section.contact .section-content h4{color:#b9b9b9;font-family:Inconsolata,monospace;font-size:2rem;font-weight:700;margin:0;text-align:center}section.contact .section-content p{font-size:1.1rem;text-align:center}section.contact .section-content .buttons{display:flex;flex-wrap:wrap;justify-content:center;margin:2em auto}section.contact .section-content .buttons .btn{margin:.5em}section{margin:0 auto 20em;max-width:800px;padding-left:10em;padding-right:10em}section .header{align-items:center;display:flex}section .header h3{font-size:2rem;margin:.5em 0;opacity:0;position:relative;-webkit-transform:translateX(-100px);transform:translateX(-100px);transition:opacity 2s,-webkit-transform 2s;transition:transform 2s,opacity 2s;transition:transform 2s,opacity 2s,-webkit-transform 2s}section .header .break-line{background-color:#2c334d;flex:0 1;height:1px;margin-left:2em;transition:flex 2s}section .section-content{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);transition:opacity 2s,-webkit-transform 2s;transition:transform 2s,opacity 2s;transition:transform 2s,opacity 2s,-webkit-transform 2s}section.visible .header h3{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}section.visible .header .break-line{flex:1 1}section.visible .section-content{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width:800px){section{padding-left:2em;padding-right:2em}}