@font-face{font-family:"Courier Prime";font-display:swap;src:local("Courier Prime"),url("/assets/fonts/CourierPrime.woff2") format("woff2")}@font-face{font-family:"Berkeley Mono";font-display:swap;src:local "Berkeley Mono",url("/assets/fonts/BerkeleyMonoVariable-Regular.woff2") format("woff2")}@keyframes scroll-right{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@keyframes MULTICOLOR{0%{background-color:#9f0;color:#f3c}10%{background-color:#6ff;color:#f0c}20%{background-color:#39f;color:#9f0}30%{background-color:#3c0;color:#fff}40%{background-color:#03f;color:#f90}50%{background-color:#9f0;color:#f30}60%{background-color:#f0c;color:#fff}70%{background-color:aqua;color:#f30}80%{background-color:#9f0;color:#066}90%{background-color:#f90;color:#03f}100%{background-color:#03f;color:#f90}}@keyframes flash{0%,100%{background-color:hsl(0,0%,99%)}50%{background-color:hsl(0,0%,25%)}}#experience-container .carded .card{width:max(40%,500px)}#experience-container .work .card-description>ul{margin-left:-2em;list-style-type:none}#experience-container .work .card-description>ul>li:before{content:"";position:absolute;background-color:hsl(0,0%,99%);top:0;bottom:0;left:5px;width:2px}#experience-container .work .card-description>ul>li{position:relative;margin:0;padding-bottom:1em;padding-left:20px}#experience-container .work .card-description>ul>li ul{display:block}#experience-container .work .card-description>ul>li ul li{margin-left:-1em}#experience-container .work .card-description>ul>li:after{content:"";position:absolute;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 32 32' focusable='false'%3E%3Ccircle stroke='none' fill='white' cx='16' cy='16' r='10'%3E%3C/circle%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;left:0;top:2px;width:12px;height:12px}#experience-container .work .card-description>ul>li:last-child:before{height:6px}#experience-container .work .card-description>ul>li:first-child:before{top:10px}#experience-container .experience-logo{width:1.5em;margin-right:.5em;border-radius:5%;user-select:none}.project .project-title{font-weight:bold;display:flex;text-align:left;flex-wrap:wrap}.project .project-title:not(.project .project-title:has(a)){font-weight:normal}.project .project-title .emoji{margin-right:.5em;vertical-align:middle}.project .project-title .info{margin-left:.5em}.project .project-links{display:flex}.project .project-links img{top:.125em}.project .project-links a{text-decoration:none}.project .project-links .button{margin:0}.project .project-links a:not(:last-child){margin-right:1em}.project .project-tech{display:flex;align-content:center;top:.125em}.project .project-tech *:not(:last-child){margin-right:.5em}#projects{display:flex;flex-direction:column;gap:2.5rem;max-width:max(64rem,64vw);margin:0 auto}#featured-grid{display:grid;gap:max(1em,2vw)}#featured-grid .project{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));text-align:left}#featured-grid .project .project-images{margin-right:2em;display:flex;justify-content:center;align-items:center;height:20em}#featured-grid .project .project-images:hover{animation:none}#featured-grid .project .project-images .project-image{position:relative;display:none;width:100%;height:20em;object-fit:cover;transition:opacity .3s ease-in-out;border-radius:0px}#featured-grid .project .project-images .project-image.active{object-fit:cover;display:inline-block}#featured-grid .project .project-content{gap:1.25rem;justify-content:center;flex-direction:column;display:flex}#featured-grid .project .project-content .project-title{font-size:max(1.5em,1.5vw)}#featured-grid .project .project-content .project-tech{font-size:1.5em}#featured-grid .project .project-content .project-links a{padding:min(10px,1vw) 1.5vw;font-size:min(1em,max(1.5vw,12px))}#featured-grid .project:hover .project-img .main{opacity:0}#featured-grid .project:hover .project-img .hover{opacity:1}.projects-list{display:grid;gap:max(.5em,2vw)}.projects-list .project{display:flex;flex-direction:column;gap:1em;padding:1em;position:relative}.projects-list .project:hover .project-tech{opacity:1}.projects-list .project .project-title{font-size:max(1.3em,1.3vw)}.projects-list .project .project-desc{text-align:left}.projects-list .project .project-links{position:absolute;top:.95rem;right:.95rem;overflow:hidden}.projects-list .project .project-links .button{background-color:rgba(0,0,0,0);padding:0;color:hsl(0,0%,99%)}.projects-list .project .project-links .button img{filter:invert(1) grayscale(1) brightness(2)}.projects-list .project .project-tech{opacity:0;margin-left:max(.5em,1vw);font-size:max(.75em,1vw)}#main-projects{grid-template-columns:repeat(2, minmax(0, 1fr))}#other-projects{grid-template-columns:repeat(3, minmax(0, 1fr))}#other-projects .project-title{font-size:max(1em,.9vw)}#other-projects .project-tech img{width:.7em;top:-0.0125em}video#background{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-3;opacity:.1;transition:all .5s ease;width:100%;height:100%;object-fit:cover}video#background.fullscreen{z-index:3;opacity:1}#overlay-container{position:fixed;bottom:16px}#overlay-container .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;display:none}#overlay-container.active{display:block;border:2px solid rgba(0,0,0,0);border-radius:0px;opacity:.4}#overlay-container.active:hover,#overlay-container.active.active{border-color:hsl(0,0%,50%);background-color:hsl(0,0%,5%);opacity:1}#overlay-container.active .button{color:#fff;font-weight:bolder;background-color:rgba(0,0,0,0);border-radius:8px;margin:2.5px}#overlay-container.active .button:hover,#overlay-container.active .button.active{animation:none;background-color:hsl(0,0%,25%)}#messages-span{overflow:visible;white-space:nowrap;color:hsl(0,0%,50%);font-style:italic;margin:1em;position:fixed;bottom:16px;left:.4rem;margin-bottom:0;z-index:2;font-size:min(1em,2vw)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;display:none}.modal-overlay.active{display:block}@font-face{font-family:"Daft Font";font-display:swap;src:local("Daft Font"),url("/assets/fonts/DaftFont.woff") format("woff")}@font-face{font-family:"Ndot-55";font-display:swap;src:local("Ndot-55"),url("/assets/fonts/Ndot-55.otf")}#main-container{margin-top:30vh;overflow:hidden}#title{font-family:"Daft Font",cursive;font-size:3em;user-select:none;font-weight:normal;margin:1em 0}ul{display:inline-block;text-align:left}section{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);max-height:80%;width:80%;opacity:.6;overflow:auto;transition:all .5s ease;display:none;background-color:hsl(0,0%,1%);z-index:1;padding:2em;border:2px solid hsl(0,0%,50%)}section.active{opacity:1;display:block}#about{line-height:1.5em}#about ul{margin-right:1.25em}#socials span,#buttons span{font-family:"Courier Prime",monospace}#socials{user-select:none;margin:1em 0}#socials a{display:inline-block;text-decoration:none;font-size:11.5px;margin-left:5px;padding:2px 0;user-select:none;animation:none}#socials a:hover{color:inherit;background-color:inherit !important}.dot{vertical-align:middle;background-color:hsl(0,0%,99%);border:2px solid hsl(0,0%,99%);display:inline-block;border-radius:50%;width:7px;height:7px}a:hover .dot{background-color:hsl(0,0%,1%)}#marquee{text-align:center;margin:1em 0;white-space:nowrap;animation:scroll-right 30s linear infinite;filter:drop-shadow(0 0 3px hsl(0, 0%, 99%));font-style:italic !important;font:500 1.5em "Ndot-55",sans-serif}#shortcuts-section{max-width:30%}#shortcuts-section .key{font-weight:bold}