@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein-moveup{0%{opacity:0;transform:translateY(1rem)}to{opacity:1}}.about-page-info{flex-direction:column;display:flex}.about-page-picture{border-radius:10px;align-self:center;width:50vw;min-width:12rem;max-width:18rem}.about-page-quote{margin-top:2rem;font-size:1.25rem}.contact-page{position:relative}.contact-page-entries{flex-direction:column;justify-content:center;align-items:center;display:flex}.contact-page-entry{background-color:rgba(21,21,21,.85);border-radius:50%;margin:1rem;padding:2rem;transition:background-color .3s ease-out}.contact-page-entry:hover{background-color:rgba(47,47,47,.85)}.contact-page-entry:active{background-color:rgba(72,72,72,.85);transition:none}.contact-page-icon{width:3rem;height:3rem}footer{text-align:center;box-sizing:border-box;width:100%;padding:1rem;font-size:.75rem;position:absolute;bottom:0;left:0}.contact-page-kofi{margin-top:1rem;display:block}.contact-page-kofi-img{width:40vw;min-width:15rem;max-width:25rem;margin:auto;display:block}@media (min-width:640px){.contact-page-entries{flex-direction:row}.contact-page-icon{width:5rem;height:5rem}}.home-page{font-size:1.25rem}.home-page-title{opacity:0;animation:.3s ease-out forwards fadein-moveup}.typing-text{white-space:pre-wrap;display:inline-block}@media (min-width:640px){.home-page{font-size:2rem}}.project-card{background-color:rgba(21,21,21,.85);border-radius:10px;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;display:flex}.project-card-content{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;display:flex}.project-card-image{height:15vw;min-height:4rem;max-height:9rem}.project-card-description{flex:1}.project-card-links{gap:1rem;display:flex}.project-card-link{box-sizing:border-box;text-align:center;background-color:#272727;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem;transition:background-color .3s ease-out;display:flex}.project-card-link:hover{background-color:#414141}.project-card-link:active{background-color:#5a5a5a;transition:none}.project-card-link-image{width:4vw;min-width:1rem;max-width:2rem}.project-card-skills{flex-wrap:wrap;gap:.5rem;display:flex}.skill-icon{width:1.8rem;height:1.8rem}.skill-container{background-color:#272727;border-style:solid;border-width:2px;border-radius:10px;align-items:center;gap:.25rem;padding:.25rem;display:flex}@media (min-width:640px){.project-card{flex-direction:row;gap:1rem}}.projects-page-grid{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}#top-bar{z-index:3;background-color:rgba(21,21,21,.85);justify-content:space-between;align-items:center;height:5rem;display:flex;position:fixed;top:0;left:0;right:0}.top-bar-title{background-color:transparent;align-items:center;height:100%;padding-left:1rem;padding-right:1rem;font-size:7vw;font-weight:700;transition:background-color .3s ease-out;display:flex}.top-bar-title:hover{background-color:rgba(47,47,47,.85)}.top-bar-title:active{background-color:rgba(72,72,72,.85);transition:none}#top-bar-buttons{opacity:1;visibility:visible;background-color:rgba(21,21,21,.85);flex-direction:column;align-self:stretch;align-items:stretch;display:flex;position:fixed;top:5rem;left:0;right:0}.animate#top-bar-buttons{transition:opacity .3s ease-out,visibility}.animate#top-bar-buttons.closed{transition:opacity .3s ease-out,visibility 0s .3s}.animate.top-bar-slider{transition-property:width,top;transition-duration:.3s;transition-timing-function:ease-out}#top-bar-buttons.closed{opacity:0;visibility:hidden}.top-bar-slider{z-index:1;cursor:pointer;background-color:#fff;height:5rem;position:absolute}@media (min-width:640px){.top-bar-title{font-size:2.5rem}}@media (min-width:1024px){#top-bar-buttons{background-color:transparent;flex-direction:row;justify-content:center;display:flex;position:relative;top:0}#top-bar-buttons.closed{opacity:1;visibility:visible}.animate.top-bar-slider{transition-property:width,left;transition-duration:.3s;transition-timing-function:ease-out}}#hamburger-button{box-sizing:border-box;background-color:transparent;border-radius:50px;outline:none;flex-direction:column;justify-content:space-around;align-items:center;width:3.5rem;height:3.5rem;margin-right:1rem;padding:5px;display:flex}.hamburger-button-line{background-color:#fff;border-radius:5px;width:100%;height:5px;transition:transform .3s,opacity .3s}#hamburger-button.active .hamburger-button-line.top{transform:translateY(1rem)rotate(45deg)}#hamburger-button.active .hamburger-button-line.middle{opacity:0}#hamburger-button.active .hamburger-button-line.bottom{transform:translateY(-1rem)rotate(-45deg)}@media (min-width:1024px){#hamburger-button{display:none}}.top-bar-button{background-color:transparent;justify-content:center;align-items:center;height:5rem;padding:0 1rem;font-size:2rem;transition:background-color .3s ease-out;display:flex;position:relative}.top-bar-button:hover{background-color:rgba(47,47,47,.85)}.top-bar-button:active{background-color:rgba(72,72,72,.85);transition:none}.top-bar-button-content{z-index:2;position:relative}.top-bar-button.active{color:#151515!important}*{font-size:inherit;color:inherit;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;-ms-overflow-style:none;scrollbar-width:none;background-color:#000;font-family:Roboto Mono,monospace;font-size:16px;font-weight:400;animation:1s backwards fadein}body::-webkit-scrollbar{display:none}a,button{cursor:pointer}a{color:inherit;text-decoration:none;transition:color .3s ease-out}a:hover{color:#fff}h1{font-weight:700}p{margin-top:.5em}em,i{font-style:italic}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none}.inline{display:inline}.app-content{box-sizing:border-box;flex-direction:column;width:100%;max-width:1024px;margin:0 auto;padding:0 1rem;display:flex}.section{box-sizing:border-box;background:0 0;min-height:max(850px,100vh);padding-top:5rem;display:inline-block}.section-title{text-align:center;margin-top:.5rem;font-size:3rem}.background-canvas{z-index:-1;width:100%;height:100%;display:block;position:fixed;top:0;left:0}@media (min-width:640px){body{font-size:1.25rem}.section-title{margin-top:1rem;font-size:4rem}}@media (min-width:1024px){.section-title{margin-top:2rem;font-size:5rem}}