.header,.section{background-color:#1d2021;z-index:10}#programmer,.work-item-title{font-family:'B612 Mono',monospace}body,html{overflow-x:hidden;margin:0;height:100%;position:relative}body{color:#d5c4a1;background-color:#0f0f0f;font-family:'JetBrains Mono',monospace}a{text-decoration:none;text-decoration-style:dashed}.work-item-desc a{color:#d5c4a1!important;text-decoration:underline}.about-me .text-box red,.section h1,a,a:active,a:focus,a:hover,a:visited{color:#cf3e3e}.header{position:sticky;position:-webkit-sticky;top:0;overflow:visible}.about-me .text-box p,.header h1{margin:0}#portmanteau{color:#d5c4a1;font-size:3em;font-weight:700}#programmer{text-transform:uppercase;letter-spacing:.125rem;width:calc(100% + .125rem);font-size:1.125em;line-height:1;font-weight:400}.header .small{line-height:1.84375;display:block;font-size:1.125rem;font-weight:400;margin-bottom:10px}.icons{margin:auto;display:flex;flex-wrap:wrap;justify-content:var(--flex-alignment);padding:0}#icons a svg{height:3.5em;width:3.5em;margin-left:1em}#icons svg{fill:#D5C4A1;transition:.2s}#icons .linkedin:hover svg{fill:#5995ed!important}#icons .home:hover svg{fill:#EDD458!important}#icons .github:hover svg{fill:#d8d8d8!important}#icons .email:hover svg{fill:#558564!important}#icons .portfolio:hover svg{fill:#7678ED!important}#icons .itchio:hover svg{fill:#fa5c5c !important}@media (max-width:768px){#portmanteau{font-size:2.5em}#programmer{font-size:1em}.header .small{font-size:1rem}#icons a svg{height:2.5em;width:2.5em;margin-left:.5em}}.about-me{max-width:1200px;margin:20px auto;box-sizing:border-box}@media (max-width:576px){#icons a svg{height:2em;width:2em;margin-left:.5em}.about-me img{float:none!important;max-width:50%!important;margin:auto!important}}.about-me img{display:block;max-width:100%;height:auto;float:left;border:2px dotted #cf3e3e;border-radius:10px;margin-right:15px;transition:.3s ease-in-out;-webkit-filter:drop-shadow(1px 1px 0 #CF3E3E) drop-shadow(-4px 1px 0 #CF3E3E) drop-shadow(1px -1px 0 #CF3E3E) drop-shadow(-1px -1px 0 #CF3E3E);filter:drop-shadow(1px 1px 0 #CF3E3E) drop-shadow(-4px 1px 0 #CF3E3E) drop-shadow(1px -1px 0 #CF3E3E) drop-shadow(-1px -1px 0 #CF3E3E)}.section h1,.section h2{padding-top:10px;line-height:1em;margin:0}.about-me img:hover{border:3px dotted #30c1c1;border-radius:15px;scale:110%;-webkit-filter:drop-shadow(1px 1px 0 #30c1c1) drop-shadow(-4px 1px 0 #30c1c1) drop-shadow(1px -1px 0 #30c1c1) drop-shadow(-1px -1px 0 #30c1c1);filter:drop-shadow(1px 1px 0 #30c1c1) drop-shadow(-4px 1px 0 #30c1c1) drop-shadow(1px -1px 0 #30c1c1) drop-shadow(-1px -1px 0 #30c1c1)}.about-me .text-box{font-size:1.3em;font-weight:700}.about-me:after,.about-me:before{display:table;content:" "}.about-me:after{clear:both}.section{margin:-1vh -1vw 1vh;text-align:center;padding-top:2px;padding-bottom:2px;min-height:100px}.section h1{font-size:2.8em;font-weight:700}.section h2{text-align:center;color:#d5c4a1;font-size:1em}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #d5c4a1;border-radius:10px}::-webkit-scrollbar-thumb{background:#cf3e3e;border-radius:10px}.work-item-bg,.work-item-video{background-size:cover;filter:brightness(90%) grayscale(50%);transition:.3s ease-in-out}::-webkit-scrollbar-thumb:hover{background:#30c1c1}@media (max-width:768px){.about-me{margin:20px 10px;padding:15px}.section h1{font-size:2em}.section h2{font-size:1em}::-webkit-scrollbar{width:10px}}.work-section-container{display:block;margin-bottom:50px}.work-item-container{text-align:center;overflow:hidden;max-width:90%;margin:20px auto}.work-item{height:320px;border:0 solid #30c1c1;border-radius:10px;position:relative;transition:.3s ease-in-out;overflow:hidden}.work-item-video{width:100%;height:auto;z-index:-1;overflow:hidden}.work-item-bg:hover,.work-item-video:hover{transform:scale(1.1);filter:brightness(100%) grayscale(0%)}.work-item-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;background-repeat:no-repeat;background-position:center}.work-item:hover{cursor:pointer;border:5px solid #30c1c1}.work-item-title-container{width:100%;background-color:rgba(0,0,0,.6);position:absolute;bottom:0;text-align:center;line-height:35px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;pointer-events:none;padding-bottom:4px;padding-top:4px}.work-item-title{color:#cf3e3e;font-size:30px;font-weight:700}.work-item-desc,.work-item-tag{font-family:B612,sans-serif;font-style:normal;font-size:15px}.work-item-desc-container{margin-top:10px;max-width:90%;bottom:0;text-align:justify;display:inline-block}.work-item-desc{color:#d5c4a1;font-weight:100}.work-item-tags-container{margin-top:10px;width:100%;text-align:left;overflow:hidden}.work-item-tag{height:21px;min-width:30px;padding-left:7px;padding-right:7px;color:#000;font-weight:400;float:left;margin-right:5px;margin-top:5px;text-align:center;border-radius:2px}.certificate{width:auto;height:auto;position:relative}a:hover{cursor:pointer;}