:root{--main-color:#121212;--secondary-color:#272727;--paragraph-color:#c4c4c4;--neutral-white:#faf9f6}*{box-sizing:border-box}body{background-color:#121212;background-color:var(--main-color);color:#faf9f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}::-webkit-scrollbar{height:auto;width:10px}::-webkit-scrollbar-track{background:#272727;background:var(--secondary-color)}::-webkit-scrollbar-thumb{background-color:#faf9f6;border:3px solid #272727;border:3px solid var(--secondary-color);border-radius:6px}.container{display:flex;height:100vh;justify-content:center;transition:opacity .25s linear .25s,visibility .25s linear .25s}.container[data-appear=false]{opacity:0;transition:opacity .25s linear,visibility .25s linear;visibility:hidden}.content{justify-content:space-between;padding:5rem 0;width:40vw}.content,.content-container{display:flex;flex-direction:column}.content-container{justify-content:center;max-width:42rem}.main-header h1{margin:0}.main-header p{color:#c4c4c4;color:var(--paragraph-color);margin:10px 0}.menu ul{margin:0;padding-top:30px}.menu li{color:#959595;cursor:pointer;font-size:1.2em;font-weight:600;letter-spacing:.15px;line-height:1.15;list-style-type:none;position:relative;transition:color .25s linear;width:-webkit-max-content;width:max-content}.menu li:before{background-color:#faf9f6;bottom:-5px;content:"";height:2px;left:0;opacity:0;position:absolute;transform:translate3d(-25%,0,0);transition:opacity .2s,transform .3s;width:100%}.menu li:hover,.menu li:hover:before{color:#cecece;opacity:1;transform:translateZ(0)}.menu li+li{margin-top:1.25rem}.footer{display:flex;justify-content:space-between}.footer p{font-size:15px;margin:10px 0}.social-media a{color:inherit;font-size:23px;margin-left:10px;margin-right:10px}.social-media a svg{transition:transform .2s ease-in-out}.social-media a svg:hover{transform:scale(1.5)}.panel{color:#000;height:100%;overflow-y:auto;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .75s cubic-bezier(.87,0,.13,1);width:40vw;z-index:11}.panel[data-appear=true]{transform:translateX(0)}.hamburger{background-color:inherit;border:0;cursor:pointer;height:40px;width:55px}.hamburger:hover{opacity:.6}.line,.line:after,.line:before{content:"";display:block;height:4px;position:absolute;width:45px}.line:after,.line:before{background-color:#faf9f6;background-color:var(--neutral-white)}.line:after{height:4px;left:0;rotate:-45deg}.line:before{height:4px;left:0;rotate:45deg}.hamburger-container{cursor:pointer;opacity:1;position:absolute;right:15px;top:25px;transition:opacity .1s linear;z-index:99}.title{font-size:45px;margin:0}.paragraph{font-size:20px;font-weight:100}@media screen and (max-width:900px){.content{width:500px}.main-header h1{font-size:25px}.panel{width:100vw}}@media screen and (max-width:600px){.content{padding:2rem 2rem 7rem}.main-header h1{margin:5px 0}.footer p{width:200px}}@media screen and (max-width:320px){.main-header h1{font-size:25px}.main-header p{font-size:13px}.social-media{display:none}.footer{padding-top:15px}.footer p{font-size:15px}.footer{flex-direction:column}}.about-bg{background-color:var(--neutral-white);height:100vh;z-index:1}.header-bg{background-color:#010204;height:225px;position:absolute;width:40vw;z-index:2}.about-header{display:flex;flex-direction:column;padding:3rem 2rem 0}.about-image{display:block;height:250px;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:250px;z-index:3}.about-image:hover img{transform:scale(1.5)}.about-image img{object-fit:cover;transition:transform .5s ease}.about-header h1{line-height:70px}.about-section{padding:2rem}.about-title{align-items:center;display:flex}.about-title h1{font-size:25px}.about-title span{background-color:#000;height:1px;margin-left:2rem;width:60%}.about-section p{font-size:20px;margin-top:5px}.about-profile{height:250px;width:250px}h1{margin:0}@media screen and (max-width:900px){.header-bg{width:100vw}.about-title h1{font-size:20px}.about-section p{font-size:15px}.about-header h1{font-size:27px}.about-header{padding:4.5rem 2rem 0}.about-image,.about-profile{height:180px;width:180px}}@media screen and (max-height:700px){.about-section p{font-size:15px}}@media screen and (max-width:320px){.haheo{height:auto}}.projects-header{background-color:#422769;color:var(--neutral-white);height:270px;padding:5rem 4rem 4rem 2rem}.cards-container{background-position:50%;background-repeat:no-repeat;background-size:cover;height:10pc;overflow:hidden;position:relative;width:100%}.cards-container+.cards-container{margin-top:0}.cards-container:hover{cursor:pointer}.cards-container:before{background-color:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cards-container .bg-low{background-color:var(--secondary-color);opacity:1}.hover-bar{background-color:#faf9f6;height:5px;position:relative;transition:width 1s ease-in-out;width:0}.hover-bar.hovered{width:100%}.details-bg{animation:opacity,transform .7s cubic-bezier(.87,0,.13,1);background-color:#000000b3;height:100%;position:absolute;transform:translateY(100%);width:100%}.details-bg.slide-up{transform:translateY(0)}.details-bg.slide-down{transform:translateY(100%)}.project-details{color:#fff;display:flex;flex-direction:column;height:100%;position:relative}.project-details h1,p{margin:0;padding:0}.project-card-header{align-items:center;display:flex;justify-content:space-between;padding:15px}.project-details p{padding-left:15px;padding-right:15px}.project-tools svg{margin-top:5px}.project-tools svg+svg{border-radius:1px;margin-left:10px}.tools-bg{background-color:var(--secondary-color);height:100vh}.tools-header{background-color:#3097bf;color:var(--neutral-white);height:270px;padding:5rem 4rem 4rem 2rem}.tech-bg{grid-gap:20px;background-color:var(--secondary-color);display:grid;grid-template-columns:repeat(3,auto);padding-bottom:30px}.tech-items{align-items:center;display:flex;flex-direction:column}.tech-items:nth-child(-n+3){margin-top:20px}.tech-items svg{height:42px;width:42px}.tech-items p{color:var(--paragraph-color);font-size:14px;margin-bottom:10px;margin-top:2px}.social-header{background-color:#00346e;color:var(--neutral-white);height:270px;padding:5rem 4rem 4rem 2rem}.social-content{display:flex;flex-direction:column}.social-content a{color:var(--neutral-white)}.social-link{--t_timing:2s;--transition:background-size var(--t_timing) cubic-bezier(0.16,1,0.3,1),background-position var(--t_timing) ease;background-size:100% auto;height:10pc;position:relative;transition:var(--transition)}.inside{display:flex}.inside svg{bottom:15px;left:32.5px}.inside h1,.inside svg{color:var(--neutral-white);font-size:1.5em;font-weight:600;letter-spacing:1px;margin:.75rem 0;position:absolute}.inside h1{bottom:12.5px;left:65px}.social-link:hover{background-size:200% auto}.time{align-items:center;display:flex;font-size:13px}@media screen and (max-width:320px){.time{font-size:15px}}.callsign{align-items:center;display:flex;margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.callsign p,.discord-status img,i{margin:0 0 0 5px}.status-container{display:flex}.discord-status{align-items:center;display:flex}.callsign img{border-radius:100%;height:32px;width:32px}.discord-status img{height:20px;width:20px}.initial-loading{background-color:#000;height:100vh;opacity:1;position:absolute;transition:opacity .2s ease-in-out;width:100vw}.initial-loading,.loading-icon{align-items:center;display:flex;justify-content:center}.loading-icon{background-color:var(--main-color);border:1px solid #cecece;border-radius:10px;margin:15px;padding:5px}.loading-icon p{color:var(--paragraph-color);margin:10px}.loading-icon svg{margin:10px}.initial-loading[transition-state=true]{opacity:0}.initial-loading[display-state=true]{display:none}