*{box-sizing:border-box}body{background-color:#0a192f!important}html::-webkit-scrollbar{width:7px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:#233554;border-radius:5px}html::-webkit-scrollbar-thumb:hover{background:#8892b0;border-radius:5px}html::-webkit-scrollbar-thumb:active{background:#8892b0;border-radius:5px}h1,h2{color:#ccd6f6;font-family:Inter,sans-serif}p,.tagline{color:#8892b0}.numbers,.greet,.highlight{color:#64ffda}.numbers{padding-right:.3rem}.social{text-orientation:upright;writing-mode:vertical-lr;position:fixed;left:3.3rem;bottom:7rem}.social a{padding:.7rem;color:#8892b0;font-size:20px}.social a:hover{color:#64ffda}.vertical-left{border-left:1px solid #CCD6F6;height:5.5rem;position:fixed;left:3.95rem;bottom:0}.mail{transform:rotate(90deg);position:fixed;right:-2.4rem;bottom:12rem}.mail a{color:#8892b0;text-decoration:none;font-family:Fira Code,monospace;font-size:.85rem;padding:.7rem}.mail a:hover{color:#64ffda}.vertical-right{border-left:1px solid #CCD6F6;height:5.5rem;position:fixed;right:4.1rem;bottom:0}.navbar{font-family:Fira Code,monospace;font-size:.85rem;margin:1rem 0;padding:0 2.5rem}.nav-item{padding-left:.5rem;padding-right:.5rem}.navbar li a{color:#ccd6f6}.navbar li a:hover{color:#64ffda}.navbar li:last-child{padding-left:1rem}.navbar button{color:#64ffda;background-color:transparent;border:1px solid #64FFDA;font-family:Fira Code,monospace;font-size:.85rem}.navbar button:hover{color:#64ffda;background-color:#64ffda1a;border:1px solid #64FFDA}.navbar .navbtn{color:#64ffda;background-color:transparent;border:1px solid #64FFDA;font-family:Fira Code,monospace;font-size:.85rem;outline:none!important;border:0}.navbar .navbtn:hover{color:#64ffda;background-color:#64ffda1a;border:1px solid #64FFDA}.navbar .navbtn:focus,.navbar navbtn:active{outline:none!important;box-shadow:none;border:0;background-color:transparent;color:#8892b0}.greet{font-family:Fira Code,monospace;font-size:1rem;font-weight:400}.header{width:67%!important;height:90vh;padding:5rem 0}.header h1{font-size:4.5rem;font-weight:800}.tagline{font-size:4.2rem;font-weight:700}.header .brief{width:65%;font-size:1.1rem;line-height:1.625rem;padding:1.5rem 0}.header button{color:#64ffda;background-color:transparent;border:1px solid #64FFDA;font-family:Fira Code,monospace;font-size:.85rem;padding:.75rem 1rem}.header button:hover{color:#64ffda;background-color:#64ffda1a;border:1px solid #64FFDA}.aboutme{width:67%!important;padding:8rem 0}.aboutme h2{font-size:1.6rem;font-weight:600}.aboutme h2:after{background-color:#233554;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:60%;left:1em}.aboutme .numbers{padding-right:.7rem;font-family:Fira Code,monospace;font-size:1.2rem;font-weight:400}.aboutme p{font-size:1.1rem;padding-top:2rem}.aboutme img{margin:5rem 0;opacity:.6}.aboutme img:hover{opacity:1}.aboutme h6{color:#ccd6f6;font-family:Inter,sans-serif;font-size:.8rem}.aboutme ul{list-style-type:square}.aboutme li{font-family:Fira Code,monospace;font-size:.85rem;color:#8892b0}.aboutme li::marker{color:#64ffda}.experience{width:55%!important;padding:4.5rem 0}.experience .numbers{padding-right:.7rem;font-family:Fira Code,monospace;font-size:1.2rem;font-weight:400}.experience .head{font-size:1.6rem;font-weight:600;margin-bottom:2rem}.experience .head:after{background-color:#233554;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%;left:1em}.exp button{color:#8892b0;background-color:transparent;font-family:Fira Code,monospace;font-size:.85rem;padding:.75rem 1rem;border-radius:0;border-left:2px solid #233554;text-align:start;width:100%}.exp button:hover{color:#64ffda;background-color:#112240}.exp button:focus,.exp button:active{outline:none!important;box-shadow:none;color:#64ffda;background-color:#112240;border-left:3px solid #64FFDA}.exp-detail{color:#8892b0;padding-left:.5rem!important}.exp-detail h3{color:#ccd6f6;font-size:1.3rem}.exp-detail p{font-family:Fira Code,monospace;font-size:.8rem}.exp-detail li::marker{color:#64ffda}.project{width:67%!important;padding:8rem 0}.project .numbers{padding-right:.7rem;font-family:Fira Code,monospace;font-size:1.2rem;font-weight:400}.project h2{font-size:1.6rem;font-weight:600;padding:2.5rem 0}.project h2:after{background-color:#233554;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:27%;left:1em}.project .card{background-color:#112240;padding:.6rem}.project-cards{padding:.4rem!important}.project .project-head{color:#ccd6f6;font-weight:700;padding-top:2rem}.project .project-intro{color:#a8b2d1;font-size:.95rem}.project .tags{color:#8892b0;font-family:Fira Code,monospace;font-size:.8rem}.project .icons{display:flex;justify-content:space-between}.project .folder-icon{color:#64ffda;font-size:3rem}.ext-links a{color:#8892b0;padding:0 .5rem}.ext-links a:hover{color:#64ffda}.contact{width:40%!important;padding:8rem 0;text-align:center}.contact .contact-head{color:#64ffda;font-family:Fira Code,monospace}.contact h1{font-size:2.8rem;font-weight:700}.contact .contact-desc{font-size:1.1rem;margin-top:1.5rem;margin-bottom:3rem}.contact button{color:#64ffda;background-color:transparent;border:1px solid #64FFDA;font-family:Fira Code,monospace;font-size:.95rem;padding:1rem 1.25rem}.contact button:hover{color:#64ffda;background-color:#64ffda1a;border:1px solid #64FFDA}.footer{text-align:center;margin-bottom:2.5rem;margin-top:5rem}.footer a{font-family:Fira Code,monospace;font-size:.8rem;font-weight:500;line-height:1.625rem;text-decoration-line:none;color:#8892b0;padding:1rem}.footer a:hover{color:#64ffda;font-weight:400}.footer .social-links a{padding:1rem}.footer .social-links{padding:1.5rem}@media screen and (min-width:1024px){.footer .social-links{display:none}}@media screen and (min-device-width:768px)and (max-device-width:1023px){.social,.mail{display:none}.header{width:auto!important;height:auto;margin-left:5%!important;margin-right:5%!important;padding:5rem 0}.header h1{font-size:3.5rem;font-weight:800}.tagline{font-size:3.2rem;font-weight:700}.header .brief{width:80%}.aboutme{width:auto!important;margin-left:5%!important;margin-right:5%!important}.aboutme .numbers{font-size:1.1rem}.aboutme h2{font-size:1.5rem}.aboutme h2:after{width:60%;left:.7em}.experience{width:auto!important;margin-left:5%!important;margin-right:5%!important;padding:2rem 0}.experience .head:after{width:55%}.experience .numbers{font-size:1.1rem}.experience h2{font-size:1.5rem}.project{width:auto!important;margin-left:5%!important;margin-right:5%!important}.project .numbers{font-size:1.1rem}.project h2{font-size:1.5rem}.project h2:after{width:50%}.contact{width:auto!important}.contact h1{font-size:2.3rem}}@media screen and (max-device-width:480px)and (orientation:portrait){.social,.mail{display:none}.header{width:auto!important;height:auto;margin-left:4%!important;margin-right:4%!important;padding-top:3rem;padding-bottom:5rem}.header h1{font-size:2.5rem;font-weight:800}.greet{font-size:.8rem}.tagline{font-size:2.1rem;font-weight:700}.header .brief{width:auto}.aboutme{width:auto!important;margin-left:4%!important;margin-right:4%!important}.aboutme .numbers{font-size:1rem}.aboutme h2{font-size:1.3rem}.aboutme h2:after{width:55%;left:.5em}.aboutme img{margin:2rem 0}.experience{width:auto!important;margin-left:4%!important;margin-right:4%!important;padding:1.5rem 0}.experience .numbers{font-size:1rem}.experience .head{font-size:1.3rem}.experience .head:after{width:30%}.exp .btnscrl{display:inline-flex;overflow:scroll}.exp button{padding:.75rem 1rem;border-left:0;border-bottom:2px solid #233554;text-align:start;width:auto}.exp button:focus,.exp button:active{border-left:0;border-bottom:3px solid #64FFDA}.exp-detail{padding-top:1rem}.project{width:auto!important;margin-left:4%!important;margin-right:4%!important}.project .numbers{font-size:1rem}.project h2{font-size:1.3rem}.project h2:after{width:20%;left:.5em}.contact{width:auto!important}.contact h1{font-size:2.1rem}}