@import "https://fonts.googleapis.com/css?family=Inconsolata";html{min-height:100%}body{box-sizing:border-box;color:#80ff80cc;height:100%;overflow:overlay;text-shadow:0 0 1ex #3f3,0 0 2px #fffc;background-color:#000;background-image:radial-gradient(#11581e,#041607),url(/assets/noise.webp);background-repeat:no-repeat;background-size:cover;font-family:Inconsolata,Helvetica,sans-serif;font-size:1.5rem}::selection{color:#fff;text-shadow:0 0 1ex #000,0 0 2px #000c;background:#2cb62ccc}@media (width>=320px){.content{padding:0 20px}.header{flex-direction:column;justify-content:space-between;height:60px}.header nav{gap:15px}}@media (width>=820px){.content{padding:0 40px}.header{flex-direction:row;justify-content:space-between;height:auto}.header nav{gap:15px}}@media (width>=950px){.content{padding:0 40px}.header{flex-direction:row;justify-content:space-between;height:auto}.header nav{gap:15px}}@media (width>=1120px){.content{padding:0 80px}.header{flex-direction:row;justify-content:space-between;height:auto}.header nav{gap:15px}}main{padding:0 80px}h1{margin-bottom:1rem}.noise{pointer-events:none;opacity:.02;z-index:-1;background-image:url(/assets/noise.webp);background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed}.overlay{pointer-events:none;z-index:1;background:repeating-linear-gradient(#0000 0,#0000004d 50%,#0000 100%) 0 0/auto 4px;width:100%;height:100%;position:fixed}.overlay:before{content:"";pointer-events:none;background-image:linear-gradient(#0000 0%,#20802033 97%,#208020cc 97%,#20802033 98%,#0000 100%);background-repeat:no-repeat;width:100%;height:100%;animation:7.5s linear infinite scan;display:block;position:absolute;inset:0}:-webkit-any(article,aside,nav,section) h1{font-size:1.5em}@keyframes scan{0%{background-position:0 -100vh}35%,to{background-position:0 100vh}}.terminal{box-sizing:inherit;text-transform:uppercase;flex-direction:column;align-items:center;width:100vw;max-width:100%;height:fit-content;display:flex}.output{color:#80ff80cc;text-shadow:0 0 1px #3f36,0 0 2px #fffc;max-width:1000px}.output:before{content:"> ";color:#fff;animation-name:flickering;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}.flicker{animation-name:flickering;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes flickering{0%{opacity:1}50%{opacity:0}to{opacity:1}}a{color:#fff;text-decoration:none}.name{color:#fff}section{margin-bottom:4rem}section h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:2rem}section h3{color:#e1ffdf;max-width:70%;font-size:1.5rem}::-webkit-scrollbar{width:calc(1rem + 4px);height:calc(1rem + 4px)}::-webkit-scrollbar-corner{background:#fff0;display:none}::-webkit-scrollbar-thumb{background:radial-gradient(#11581e,#041607) padding-box content-box;border:.12rem solid #0000008f;border-radius:1rem;box-shadow:inset 0 0 .2ex #3f3c}::-webkit-scrollbar-track{background-color:#0000;background-clip:content-box;border:0 #3f33;border-left:.1px solid #3f33;border-right-style:solid;box-shadow:inset 0 0 .5ex #3f3c}.header{z-index:1000;background-color:#000000cd;border-color:#15803d;border-bottom-style:solid;border-bottom-width:1px;align-items:center;max-width:100%;margin-bottom:3rem;padding-top:1rem;padding-bottom:1rem;display:flex;position:sticky;top:0;box-shadow:0 0 1ex #3f3c}.header a{filter:drop-shadow(0 0 1ex #3f3c);font-size:1.25rem}.header a img{filter:drop-shadow(0 0 1ex #3f3c)}.header a span{margin-left:1rem}.header .header-left{justify-content:flex-start;align-items:center;display:flex}.header .header-left a{margin:0 1rem 0 0}.header .header-left a:before,.header .header-left a:after{content:""}.header nav{justify-content:flex-end;align-items:center;display:flex}.header nav a:before{content:"["}.header nav a:after{content:"]"}footer{background-color:#000c;border-color:#15803d;border-top-style:solid;border-top-width:1px;flex-direction:row;justify-content:space-between;align-items:center;height:auto;font-size:1rem;position:relative;right:0;box-shadow:0 0 1ex #3f3c;padding-top:1rem!important;padding-bottom:1rem!important;bottom:0!important}footer .copyright{color:#fff}footer .copyicon{filter:drop-shadow(0 0 1ex #3f3c);width:13px;margin:0 .5rem 0 0}.projects-grid{gap:1.5rem;max-width:100vw;display:grid}.holograd-card{background-color:#000c;max-height:fit-content;margin-bottom:1.5rem;padding:1rem 2rem;box-shadow:0 0 1ex #3f3c}.holograd-card header{border-color:#15803d;border-bottom-style:solid;border-bottom-width:1px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem 0 .7rem;display:flex}.holograd-card .holograd{aspect-ratio:16/9;max-width:100%;margin-bottom:1.2rem}.holograd-card p{color:#adffadcc;margin-bottom:1rem;font-size:1.1rem}.skills-grid{gap:1.5rem;max-width:100vw;display:grid}@media (width>=600px){.projects-grid{grid-template-columns:repeat(1,1fr)}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=820px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=950px){.projects-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:repeat(4,1fr)}.slider{width:82%}}@media (width>=1120px){.skills-grid{grid-template-columns:repeat(5,1fr)}.slider{width:82%}}.project-card{background-color:#000c;padding:1rem 2rem;box-shadow:0 0 1ex #3f3c}.project-card header{border-color:#15803d;border-bottom-style:solid;border-bottom-width:1px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem 0 .7rem;display:flex}.project-card p{color:#adffadcc;margin-bottom:1rem;font-size:1.1rem}.window-controls{font-size:1.1rem}lite-youtube{margin-bottom:1.2rem}.lite-youtube-fallback{aspect-ratio:16/9;color:#fff;background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:1em;text-decoration:none;display:flex}.lite-youtube-fallback:before{content:"";border:2em solid #0000;border-left:3em solid #0f1;border-right-width:0;display:block}.lite-youtube-fallback:hover:before{border-left-color:#fff}.lite-youtube-fallback:focus{outline:2px solid #0f1}.skill-card{background-color:#000c;flex-direction:row;align-items:center;padding:.5rem 2rem;display:flex;box-shadow:0 0 1ex #3f3c}.skill-card p{justify-content:center;align-items:center;font-size:1.2rem;display:flex}.skill-card p img{filter:drop-shadow(0 0 1ex #3f3c);margin-right:1rem}.slider{--carousel-elements:7;--carousel-width:calc(263px * var(--carousel-elements));--carousel-track:calc(263px * var(--carousel-elements) * 2);--carousel-end:calc(-263px * var(--carousel-elements));height:140px;max-width:var(--carousel-width);background-color:#000c;align-items:center;margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 1ex #3f3c}.slider:before,.slider:after{content:"";z-index:2;background:linear-gradient(90deg,#000c 0%,#fff0 100%);width:20%;height:140px;position:absolute}.slider:after{top:0;right:0;transform:rotate(180deg)}.slider:before{top:0;left:0}@keyframes scroll{0%{transform:translate(0)}to{transform:translateX(var(--carousel-end))}}.slider .slide-track{width:var(--carousel-track);animation:40s linear infinite scroll;display:flex}.slider .slide{filter:drop-shadow(0 0 1ex #3f3c);height:100px;margin:0 20px}.worktogether{flex-direction:column;align-items:flex-start;display:flex}.worktogether .output{margin-bottom:1rem}.worktogether a:before,.worktogether a:after{content:""}form{flex-direction:column;width:100%;display:flex}form .email-form{flex-direction:row;justify-content:space-between;gap:1rem;width:100%;display:flex}form .email-form div{flex-direction:column;gap:1rem;width:calc(50% - .5rem);display:flex}form input,form datalist{width:-webkit-fill-available}form textarea{resize:vertical;width:auto;margin-top:1rem}form input,form datalist,form textarea{color:#daffdacc;text-shadow:0 0 1ex #3f3,0 0 2px #fffc;background-color:#000c;padding:.75rem;font-family:Inconsolata,Helvetica,sans-serif;font-size:1rem;box-shadow:0 0 1ex #3f3c}form ::placeholder{text-shadow:0 0 1ex #3f3,0 0 2px #fffc;color:#daffdacc;font-weight:1rem}form button{color:#000;cursor:pointer;text-shadow:0 0 1ex #3f3,0 0 2px #fffc;background-color:#3f3c;max-width:fit-content;margin-top:1.2rem;padding:.75rem 1rem;font-family:Inconsolata,Helvetica,sans-serif;font-size:1rem;font-weight:700;box-shadow:0 0 1ex #fff}form button:hover{color:#fff;background-color:#000;font-weight:400;box-shadow:0 0 1ex #3f3c}.contact{flex-direction:column;align-items:flex-start;display:flex}.contact .output{margin-bottom:1rem}.contact a:before,.contact a:after{content:""}.contact button{color:#daffdacc;text-shadow:0 0 1ex #3f3,0 0 2px #fffc;background-color:#000;padding:.75rem;font-family:Inconsolata,Helvetica,sans-serif;font-size:1rem;box-shadow:0 0 1ex #3f3c}.timeline-slot-point{background-color:#000;border-radius:50%;justify-content:center;width:50px;height:50px;display:flex;position:absolute;box-shadow:0 0 1ex #3f3c}.timeline-slot-point img{filter:drop-shadow(0 0 1ex #3f3c);width:24px}.timeline{background-color:#22c55e;width:.2rem;position:absolute}.timeline-slot{align-items:flex-start;margin-bottom:2rem;display:flex}.timeline-slot-reverse{flex-direction:row-reverse}.timeline-card{background-color:#000c;width:100%;padding:1rem 2rem;box-shadow:0 0 1ex #3f3c}.timeline-card header{border-color:#15803d;border-bottom-style:solid;border-bottom-width:1px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem 0 .7rem;display:flex}.timeline-card h4{margin-bottom:.5rem}.timeline-card p{color:#adffadcc;margin-bottom:1rem;font-size:1.1rem}.timeline-card-period{font-size:1.1rem}@media only screen and (width<=820px){.timeline-slot-point{left:15px}.ml-auto,.mr-auto{margin-left:70px}.timeline{height:35%;max-height:270px;left:40px;transform:translate(-50%,-75%)rotate(0)skew(0)skewY(0)scaleX(1)scaleY(1)}}@media only screen and (width>=820px) and (width<=882px){.timeline-slot-point{left:15px}.ml-auto,.mr-auto{margin-left:50px}.timeline{height:35%;max-height:275px;left:40px;transform:translate(-50%,-75%)rotate(0)skew(0)skewY(0)scaleX(1)scaleY(1)}}@media (width>=882px){.timeline-slot-point{left:calc(50% - 25px)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.timeline{height:35%;left:50%;transform:translate(-50%,-75%)rotate(0)skew(0)skewY(0)scaleX(1)scaleY(1)}.timeline-slot{width:calc(50% - 50px)}.timeline-slot-reverse{flex-direction:row-reverse}}@media (width>=1015px){.timeline-slot-point{left:calc(50% - 25px)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.timeline{height:31%;max-height:180px;left:50%;transform:translate(-50%,-65%)rotate(0)skew(0)skewY(0)scaleX(1)scaleY(1)}.timeline-slot{width:calc(50% - 50px)}.timeline-slot-reverse{flex-direction:row-reverse}}