.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: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}.about-bg 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-color:#1c1c1c;background-position:50%;background-repeat:no-repeat;background-size:cover;height:11.5pc;overflow:hidden;position:relative;width:100%}.cards-container+.cards-container{margin-top:0}.cards-container:hover{cursor:pointer}.cards-container:before{background-color:#0000008c;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cards-container .bg-low{background-color:var(--secondary-color);opacity:1;position:relative;z-index:3}.hover-bar{background-color:#faf9f6;height:5px;position:relative;transition:width .75s cubic-bezier(.87,0,.13,1);width:0}.hover-bar.hovered{width:100%}.project-inside{display:flex}.project-inside h1{bottom:12.5px;color:var(--neutral-white);font-size:1.5em;font-weight:600;left:32.5px;letter-spacing:1px;line-height:28px;margin:.75rem 0;max-width:calc(100% - 50px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;transition:bottom .75s cubic-bezier(.87,0,.13,1),max-width .75s cubic-bezier(.87,0,.13,1);white-space:nowrap;z-index:3}.project-inside h1.title-moved-up{bottom:calc(100% - 59px);max-width:48%}.details-backdrop{background-color:#000000c7;height:calc(100% - 5px);left:0;pointer-events:none;position:absolute;top:5px;transform:translateY(100%);transition:transform .75s cubic-bezier(.87,0,.13,1);width:100%;z-index:1}.details-backdrop.backdrop-up{transform:translateY(0)}.details-backdrop.backdrop-down{transform:translateY(100%)}.details-bg{background-color:initial;height:calc(100% - 5px);left:0;pointer-events:none;position:absolute;top:5px;width:100%;z-index:2}.details-bg.slide-in-left{pointer-events:auto}.project-actions,.project-description,.project-meta-footer,.project-sub-header{opacity:0;transform:translateX(60px);transition:transform .6s cubic-bezier(.87,0,.13,1),opacity .45s cubic-bezier(.87,0,.13,1)}.details-bg.slide-in-left .project-actions{opacity:1;transform:translateX(0);transition-delay:50ms}.details-bg.slide-in-left .project-sub-header{opacity:1;transform:translateX(0);transition-delay:.11s}.details-bg.slide-in-left .project-description{opacity:1;transform:translateX(0);transition-delay:.17s}.details-bg.slide-in-left .project-meta-footer{opacity:1;transform:translateX(0);transition-delay:.23s}.details-bg.slide-out-right .project-meta-footer{transition-delay:0ms}.details-bg.slide-out-right .project-description{transition-delay:40ms}.details-bg.slide-out-right .project-sub-header{transition-delay:80ms}.details-bg.slide-out-right .project-actions{transition-delay:.12s}.project-details{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:14px 20px 12px 32.5px;position:relative}.project-details h1,.project-details p{margin:0;padding:0}.project-top-bar{align-items:center;display:flex;height:28px;justify-content:space-between}.project-title-spacer{flex:1 1;min-width:45%}.project-sub-header{flex-wrap:wrap;gap:10px;margin-top:4px}.project-sub-header,.project-tools{align-items:center;display:flex}.project-tools svg{height:18px;width:18px}.project-tools svg+svg{border-radius:1px;margin-left:8px}.project-topics{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.topic-tag{background-color:#ffffff1f;border-radius:4px;color:#d4d4d8;font-size:.72rem;padding:2px 6px}.project-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.github-meta-badge{background-color:#ffffff24;border-radius:5px;color:var(--neutral-white);font-size:.75rem;padding:4px 8px;white-space:nowrap}.github-meta-badge.star-badge{color:#facc15}.project-link-btn{align-items:center;background-color:#fff3;border-radius:5px;color:var(--neutral-white);display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;padding:4px 9px;text-decoration:none;transition:background-color .2s ease;white-space:nowrap}.project-link-btn:hover{background-color:#ffffff59}.project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--paragraph-color);display:-webkit-box;font-size:.88rem;line-height:1.35;overflow:hidden}.project-meta-footer{align-items:center;color:#a1a1aa;display:flex;flex-wrap:wrap;font-size:.73rem;gap:6px 14px}@media screen and (max-width:600px){.projects-header{height:auto;min-height:210px;padding:4rem 1.5rem 2rem}.cards-container{height:13.5pc}.project-inside h1{font-size:1.25em;left:18px;max-width:calc(100% - 36px)}.project-inside h1.title-moved-up{bottom:calc(100% - 52px);max-width:calc(100% - 36px)}.project-details{padding:44px 16px 10px 18px}.project-top-bar{height:auto}.project-title-spacer{display:none}.project-actions{gap:5px;justify-content:flex-start;width:100%}.github-meta-badge,.project-link-btn{font-size:.7rem;padding:3px 7px}.project-description{-webkit-line-clamp:2;font-size:.82rem}.project-meta-footer{font-size:.68rem;gap:4px 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:fit-content}.callsign p,.discord-status i,.discord-status img{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}: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: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}}