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