:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background:#000 url(/assets/bg_blank-BmqVTakw.webp) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}@media screen and (max-width: 600px){html{background:#000}}@font-face{font-family:Metropolis;src:url(/assets/Metropolis-Regular-DKepXnDq.woff2);font-weight:400}@font-face{font-family:Metropolis;src:url(/assets/Metropolis-Bold-BZLKi5Gb.woff2);font-weight:700}@font-face{font-family:Cabin;src:url(/assets/Cabin-9E1p_sir.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:Cabin;src:url(/assets/Cabin-Italic-Dsamp6zT.woff2) format("woff2");font-style:italic;font-display:swap}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}body{margin:0;height:100vh;width:100%;color:#fff;font-family:Cabin,sans-serif;font-weight:100}#bg{display:none}#bodyDiv{width:100%}#bg_chara{opacity:75%;position:fixed;bottom:0;margin:0;padding:0;left:-5rem;height:95%;mix-blend-mode:screen;z-index:-1}#bg_logo{opacity:75%;position:fixed;bottom:-3rem;margin:0;padding:0;right:-3rem;height:85%;mix-blend-mode:overlay;z-index:-2}#hero{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-bottom:2rem}#navbar{position:sticky;top:0;z-index:10}#navbarContent{position:relative;z-index:2;padding:2rem;font-size:1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}#navbarLogoImg{height:3rem}#navbarBG{z-index:1;position:absolute;top:0;width:100%;height:100%;opacity:0;-webkit-backdrop-filter:none;backdrop-filter:none;mask:linear-gradient(black,black,transparent)!important;transition:opacity .4s,backdrop-filter .4s;background:linear-gradient(to bottom,#0044a480,#001b4033)}.nav-colored{opacity:1!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.nav-transparent{opacity:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#navbarNav{display:flex;gap:1rem}#navbarNav a{display:flex;align-items:center;gap:.5rem;width:6rem;justify-content:center}.Typewriter{text-shadow:0 2px 12px #000000;font-size:5rem;text-align:center;font-family:Metropolis,sans-serif;font-weight:700}nav a{text-decoration:none;transition:.3s;color:#fff}nav a:visited{text-decoration:none;color:#fff}nav a:hover{color:#0079ff;font-weight:700}nav a:active{color:#0053b2}nav a:hover span{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}#projectList{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:2rem;align-items:center}#projectList a{width:70%;text-decoration:none}#projectList a.visited{color:#fff}@property --myColor1{syntax: "<color>"; initial-value: #0044A47F; inherits: false;}@property --myColor2{syntax: "<color>"; initial-value: #001B407F; inherits: false;}.projectCard{background-image:linear-gradient(to bottom right,var(--myColor1),var(--myColor2));display:flex;padding:2rem;color:#fff;border-radius:1rem;gap:1rem;transition:--myColor1 .2s,--myColor2 .2s}.projectCard:hover{--myColor1: #0044A4FF;--myColor2: #001B40FF}.projectCard img{border-radius:.5rem}.projectCardInfo{display:flex;flex-direction:column;gap:.5rem}.projectCardInfo h2,.projectCardInfo p{margin:0}.projectCardHText{font-size:2rem;font-weight:700}.heroShelf{background-image:linear-gradient(to bottom right,#0044a480,#001b4080);display:flex;flex-direction:column;padding:2rem;color:#fff;border-radius:1rem}.imgShelf{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.imgShelf a{width:4rem;height:4rem;transition:transform .1s,width .1s,filter .1s;margin:auto}.imgShelf a:hover{width:5rem;height:4rem;transform:scale(1.25) translateY(-.5rem)}.imgShelf a:active{filter:brightness(.5)}.imgShelf img{border-radius:.5rem;height:100%;display:block;margin-left:auto;margin-right:auto}.shelfTitleText{font-size:1.5rem;font-weight:600}.shelfTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.heroShelf a{text-decoration:none;transition:.3s;color:#fff}.heroShelf a:visited{text-decoration:none;color:#fff}.heroShelf a:hover{color:#0079ff;font-weight:700}#heroTextContainer{display:flex;flex-direction:column;justify-content:center;height:20rem}.aboutPage{display:flex;justify-content:center}.aboutBox{background-image:linear-gradient(to bottom right,#0044a480,#001b4080);display:flex;flex-direction:column;padding:2rem;margin:2rem;color:#fff;border-radius:1rem;width:70%}.aboutBox hr{width:7rem;margin:2rem auto;color:#fff;opacity:50%;height:.2rem;border-radius:.2rem;background-color:#fff}.aboutBox p{margin-top:.5rem;margin-bottom:.5rem;-moz-font-feature-settings:"ss01" 1;-ms-font-feature-settings:"ss01" 1;-o-font-feature-settings:"ss01" 1;-webkit-font-feature-settings:"ss01" 1;font-feature-settings:"ss01" 1;font-size:1.1rem}.aboutBox h2{margin-top:.5rem;font-style:italic}.aboutBox h3{margin-top:.5rem;margin-bottom:.5rem}.aboutBox a{transition:.3s;color:#fff}.aboutBox a:visited{color:#fff}.aboutBox a:hover{color:#0079ff}@media only screen and (max-width: 1280px){#projectList a{width:100%}}@media only screen and (max-width: 600px){#bg{display:block;z-index:-3;height:100vh;top:0;position:fixed;left:50%;transform:translate(-50%)}#bg_chara{width:auto;height:90vh;left:50%;transform:translate(-50%)}#bg_logo{width:110%;max-width:40rem;bottom:0;left:50%;transform:translate(-50%)}#navbarContent{padding-bottom:2rem}#heroTextContainer{height:15rem}.Typewriter{font-size:3rem}#navbar,#navbarContent{justify-content:center;gap:1rem}#navbarLogoImg{width:100%;height:auto}.projectCard{flex-direction:column}.projectCardHText{font-size:1.75rem}.aboutBox{width:auto;margin:0}.aboutBox p{font-size:1rem}}