*{box-sizing:border-box;margin:0;padding:0;font-family:Martian Mono,monospace}html,body{color:#f8fafc;scroll-behavior:smooth;background-color:#030712}#background-canvas{width:100%;height:100vh;position:fixed;top:0;left:0}.container{position:relative}.header{z-index:1;flex-direction:row;gap:2rem;width:100%;height:4rem;padding:0 2rem;display:flex;position:fixed;overflow:hidden}.logo{flex:1;padding:1rem 0}.logo a{color:#f8fafc;text-shadow:0 0 1rem #f8fafc80;font-size:1rem;font-weight:500;line-height:2rem;text-decoration:none}.logo a span{color:#0ea5e9;text-shadow:0 0 1rem #38bdf880;font-weight:800}.navbar{padding:1rem 0}.navbar ul{flex-direction:row;gap:1rem;list-style:none;display:flex}.navbar ul .nav-link{color:#f8fafc;text-shadow:0 0 .5rem #38bdf840;font-size:.75rem;font-weight:500;line-height:2rem;transition:color .1s}.navbar ul .nav-link:hover{color:#0ea5e9;text-shadow:0 0 .5rem #38bdf8}.navbar ul .nav-btn{color:#0ea5e9;text-shadow:0 0 .5rem #38bdf840;cursor:pointer;background-color:#03071280;border:none;border-radius:.25rem;height:2rem;padding:0 .625rem;font-size:.75rem;font-weight:500;line-height:1;transition:box-shadow .1s,background-color .1s,text-shadow .2s,color .2s;box-shadow:inset 0 0 0 1px #0ea5e9}.navbar ul .nav-btn:hover{text-shadow:0 0 .5rem #38bdf8;color:#38bdf8;background-color:#030712bf;box-shadow:inset 0 0 0 1px #38bdf8,inset 0 0 .5rem 1px #38bdf840,0 0 .5rem #38bdf840}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.hero-section h1{text-shadow:0 0 4rem #f8fafc40,0 0 .5rem #38bdf880;margin-top:8rem;font-size:4rem;line-height:6rem}.hero-section h2{color:#0ea5e9;text-shadow:0 0 .25rem #38bdf880;font-size:1.5rem;line-height:2rem}.hero-section .socials{flex-direction:row;align-items:center;margin-top:1.5rem;display:flex}.hero-section .socials a{padding:0 .5rem;display:block}.hero-section .socials .icon{fill:#f8fafcec;filter:drop-shadow(0 0 .25rem #38bdf840);width:1.5rem;height:1.5rem;transition:fill .1s,filter .2s;display:block}.hero-section .socials:hover .icon{fill:#f8fafcbf}.hero-section .socials a:hover .icon{fill:#f8fafc;filter:drop-shadow(0 0 .5rem #38bdf880)}.hero-section .btn{color:#0ea5e9;text-shadow:0 0 .5rem #38bdf840;cursor:pointer;background-color:#03071280;border:none;border-radius:.25rem;height:2.5rem;margin-top:2.5rem;padding:0 .875rem;font-size:.75rem;font-weight:500;line-height:1;transition:box-shadow .1s,background-color .1s,text-shadow .2s,color .2s;box-shadow:inset 0 0 0 1px #0ea5e9}.hero-section .btn:hover{text-shadow:0 0 .5rem #38bdf8;color:#38bdf8;background-color:#030712bf;box-shadow:inset 0 0 0 1px #38bdf8,inset 0 0 .5rem 1px #38bdf840,0 0 .5rem #38bdf840}.about-section,.projects-section,.contact-section{width:800px;max-width:100%;margin:0 auto;padding:2rem}.about-section h3,.projects-section h3,.contact-section h3{text-align:center;font-size:2rem;font-weight:800;line-height:2rem}.about-section h4,.projects-section h4,.contact-section h4{font-size:1.25rem;font-weight:800}.about-section h3,.about-section h4,.projects-section h3,.projects-section h4,.contact-section h3,.contact-section h4{text-shadow:0 0 .25rem #38bdf89f}.about-section a,.projects-section a,.contact-section a{color:inherit;text-decoration:none}.about-section p,.projects-section p,.contact-section p{font-size:.875rem;line-height:1.25rem}.about-section p a,.projects-section p a,.contact-section p a{text-decoration:underline}.about-section>a,.projects-section>a,.contact-section>a{display:block}.about-section h3{margin-bottom:2rem}.about-section h4{margin-bottom:.5rem}.about-section p{margin-bottom:1rem}.about-section ul{padding-left:1.5rem;list-style:square}.about-section ul li{font-size:.875rem;line-height:1.5rem}.about-section .columns{grid-template-columns:repeat(2,1fr);display:grid}.about-section .columns .column:first-of-type{padding-right:1rem}.projects-section h3{margin-bottom:2rem}.projects-section .projects-list{flex-direction:column;gap:1.5rem;display:flex}.projects-section .projects-list .project-item{grid-template-columns:2fr 3fr;gap:1rem;display:grid}.projects-section .projects-list .project-item .project-thumbnail{width:100%}.projects-section .projects-list .project-item .project-description h4,.projects-section .projects-list .project-item .project-description p{margin-bottom:.5rem}.projects-section .projects-list .project-item .project-description .source-code-link{text-shadow:0 0 .2rem #38bdf8;font-size:.75rem;font-weight:600}.contact-section h3{margin-bottom:2rem}.contact-section p{text-align:center;margin-bottom:.5rem}.contact-section a{color:#0ea5e9;text-align:center;font-size:.875rem}