@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap";html,body,#root{height:100%;margin:0;padding:0;overflow-x:hidden}body{background:url(/assets/opus_magnum_bg-CgLdlFKP.png) top/100% repeat-y}h1{font-size:clamp(1rem,5vw + 1rem,2rem)}h2{font-size:1rem}h3{font-size:.85rem}p{font-size:.75rem}*{box-sizing:border-box;margin:0}.space-up{margin-top:5rem}.space-down{margin-bottom:5rem}.middle-box{width:90%;margin-left:3.5%}.standard-block,.title{border:24px solid #0000;background-image:url(/assets/parchment-DY2D8pda.jpg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-image-source:url(/assets/border-DR-zvMCG.png);border-image-slice:24;border-image-repeat:round;padding:5%}.center-text,.title{text-align:center;align-items:center}.double-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.double-grid.special{grid-template-columns:1fr 1fr}.title{border-left:0;border-right:0;margin-top:2rem;margin-bottom:2rem;padding-top:2rem;padding-bottom:2rem}.even-flex{flex-wrap:wrap;justify-content:space-evenly;gap:1.5rem;display:flex}.distribute-column-text{flex-flow:column wrap;justify-content:space-evenly;gap:1.5rem;display:flex}.card-group,.education-course-info p{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;display:flex}.right-border{border-bottom:2px solid #000}.grid-inverse{text-align:end}.space-mono-regular,:not(.important-text){font-family:Space Mono,monospace;font-style:normal;font-weight:400}.title,.important-text{font-optical-sizing:auto;font-family:Cormorant Garamond,serif;font-style:normal;font-weight:700}.column-grid10{grid-template-columns:repeat(10,1fr);display:grid}.column-span6{grid-column:span 6}.no-gap{gap:0}b,strong{font-weight:700!important}.desktop-view{display:none}.mobile-view{display:list-item}.navbar{z-index:100;background:radial-gradient(circle,#1b2021 0%,#0d1011 100%);border-bottom:3px solid #b8860b;justify-content:flex-start;align-items:center;width:100%;height:4rem;font-family:Cinzel,serif;display:flex;position:fixed;top:0;box-shadow:0 4px 15px #000c,inset 0 -2px 5px #b8860b4d}.navbar-border-top{background:linear-gradient(90deg,#4a3b10,#d4af37,#4a3b10);height:2px;position:absolute;top:0;left:0;right:0}.nav-link{color:#c5b358;letter-spacing:.1rem;text-transform:uppercase;align-items:center;gap:.5rem;height:100%;padding:0 1.5rem;font-size:clamp(1.25vw,1.4rem,3.5vw);text-decoration:none;transition:all .3s;display:flex;position:relative}.element-icon{color:#8b7355;font-size:1.4rem;transition:transform .4s,color .3s;display:none}.nav-link:hover{color:#fff;text-shadow:0 0 8px #32cd32cc;background:#2e8b5726}.nav-link:hover .element-icon{color:#00ff7f;transform:rotate(180deg)}.nav-divider{background:linear-gradient(#0000,#8b7355,#0000);width:2px;height:40%}.navbar a.nav-link:focus,button:focus{outline:none}.navbar a.nav-link:focus-visible,button:focus-visible,.certificates-card button:hover{outline-offset:-4px;color:#fff;background:#00e5ff26;outline:2px solid #00e5ff;box-shadow:0 0 12px #00e5ffcc,inset 0 0 8px #00e5ff66}.navbar a.nav-link:focus-visible .element-icon{color:#00e5ff;transform:rotate(180deg)}.about-me{gap:15px}.about-me h1,.about-me img{grid-column:span 3}.about-me p{grid-area:span 2/span 7}.about-me img{aspect-ratio:1;border-radius:50%;place-self:center;width:75%}.spotify{padding:0%}.spotify>*{padding:3%}.spotify-now-playing{padding-right:3%}.spotify-img{border-radius:50%;width:80%;margin-left:10%;animation:10s linear infinite spin}.spotify-progress_bar{background-color:red;width:100%;height:.5rem}.spotify-stats-album img{width:75%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.favourite-games-card{position:relative}.favourite-games-card img{aspect-ratio:1;width:80%}.favourite-games-card button{border-radius:0% 0% 50% 50%;width:20%;height:10%;position:absolute;top:100%;left:40%}.favourite-games-card button:hover{background-color:#a9a9a9;transition:background-color .3s}.game-description{grid-template-rows:0fr;padding:5%;transition:grid-template-rows .5s;display:grid}.game-description.open{grid-template-rows:1fr}.game-description p{margin:0;overflow:hidden}.footer{border-width:24px 0 0;flex-wrap:wrap;width:100%;padding:2% 2% 2% 5%;display:flex;position:relative;bottom:0}.footer>*{flex-wrap:nowrap;height:6em}.socials{margin-top:20px;margin-bottom:20px}.education{padding:0}.education>*{width:100%;padding:1rem}.education-course-info-bar{background-color:gray;width:100%;min-height:10px}.education-course-info-bar div{background-color:#fff;height:100%}.extracurricular-card{width:100%;position:relative;overflow:hidden}.ec-description{text-align:left}.extracurricular-card img{aspect-ratio:1;width:100%}.extracurricular-card button{width:100%;padding:.5rem}.ec-block-two{height:60%;position:absolute}.ec-block{opacity:0}.ec-closed{opacity:1}.extracurricular-card:after,.experience:after{content:"";opacity:0;pointer-events:none;z-index:30;background:#fff;position:absolute;inset:0}.extracurricular-card.flash:after,.experience.flash:after{animation:.3s ease-in-out cardFlash}@keyframes cardFlash{0%{opacity:0}40%{opacity:1}to{opacity:0}}.experience{min-height:36rem;position:relative}.experience img{aspect-ratio:16/9;width:90%}.experience-left{left:0;transform:translate(-150%,-50%)}.experience-right{right:0;transform:translate(150%,-50%)}.experience-left,.experience-right{z-index:10;border-radius:50%;font-size:2rem;position:absolute;top:50%}.experience-left:hover,.experience-right:hover{background-color:gray}.certificates{width:90%}.certificates h1{border-bottom:none}.certificates-content{border-top:none;padding:0;position:relative}.certificates-card{gap:0;width:100%}.certificates-card button{background:url(/assets/letter_7-CEmB1DEf.webp) 50%/100% 100% no-repeat;flex:1;padding:.5rem;font-size:1rem;font-weight:700}.certificates-card button:hover{background-color:gray}.certificate-display{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.certificate-display img{object-fit:fill;width:100%;height:100%;display:block}.certificate-current,.certificate-next{width:100%;position:absolute;top:0;left:0}.out-left{animation:.3s ease-in forwards outLeft}.in-left{animation:.3s ease-out forwards inLeft}@keyframes outLeft{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes inLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.projects-row{grid-template-columns:25% 40% 25%;justify-content:space-between;align-items:stretch;gap:10px;width:100%;margin-left:0;display:grid;position:relative}.layout-desktop{display:none}.layout-mobile{grid-template-columns:1fr;gap:30px;display:grid}.project-card{appearance:none;background-color:#0000;flex-shrink:0;transition:transform .3s}.project-card:hover{transition:transform .3s}.project-card img{aspect-ratio:4/3;width:90%}.project-card-left:hover{transform:translate(15%)}.project-card-right:hover{transform:translate(-15%)}.projects-row-display-content video{aspect-ratio:4/3;width:80%}.projects-row-display-content{opacity:0;width:90%;min-height:32rem;margin-left:5%;transform:translateY(25%)}.projects-row-display-content.visible{animation:.3s ease-in forwards inDown}.projects-row-display-content-text{text-align:left}.projects-row-display-content-text li{font-size:.75rem}@keyframes inDown{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}.project-out{animation:.3s ease-in forwards outDown}@keyframes outDown{0%{opacity:1;transform:translateY(0%)}to{opacity:0;transform:translateY(25%)}}.coding-activity-row{gap:75px}.coding-activity-row>*{width:80%}.coding-card{text-align:center;z-index:2;position:relative}.contribution-graph-block{width:80%;margin-left:10%}.contribution-graph{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.contribution-day{aspect-ratio:1;background-color:green;border-radius:2px}.level-0{opacity:.15}.level-1{opacity:.35}.level-2{opacity:.55}.level-3{opacity:.75}.level-4{opacity:1}.coding-stats-name{text-align:left;font-family:Space Mono,monospace;font-weight:700}.coding-stats-info{text-align:right;margin-right:5%}.coding-card-sub-heading{text-align:left;font-size:1.25rem}.coding-card-pop-up{border-top:none;border-radius:0 0 50% 50%;width:50%;transition:top .3s;position:absolute;top:95%;left:25%}.coding-card-wrapper:hover .coding-card-pop-up{transition:top .3s;top:95%}.coding-card-wrapper{color:#000;width:100%;text-decoration:none;display:block;position:relative}.opus-arm,.opus-arm-socket{display:none}@media (width>=768px){.middle-box{width:75%;margin-left:12.5%}.even-flex,.distribute-column-text,.card-group,.double-grid{flex-wrap:nowrap;gap:0}.double-grid{grid-template-columns:1fr 1fr;display:grid}.row-span2{grid-row:span 2}.right-border{border-bottom:0;border-right:2px solid #000}.element-icon{display:block}.opus-arm{transform-origin:21% 48%;z-index:2;width:20%;transition:transform .75s cubic-bezier(.65,0,.35,1);display:block;position:absolute;top:45.3%;left:4.5%;transform:rotate(45deg)}.opus-arm-socket{z-index:1;width:5.5%;display:block;position:absolute;top:48%;left:5.6%}.about-me{grid-template-columns:repeat(10,1fr);display:grid}.spotify-stats h1{grid-column:1/span 2}.education-course-info{width:40%}.experience-right-side{margin-top:3rem}.certificates{width:70%;margin-left:15%}.certificate-display{min-width:0}.footer{flex-wrap:nowrap;justify-content:space-around;padding-left:3%}.socials{margin-top:0;margin-bottom:0}.layout-desktop{display:grid}.layout-mobile{display:none}.projects-row-display-content{width:100%;margin-left:0}.projects-row-display-content video{width:50%}.about-me img{grid-row:2}.pull-container{width:100%;position:relative;overflow:visible}.pull-container.clipped{overflow:hidden}.pull-container.is-active{z-index:10}.pull-container.is-active .orbit{z-index:15}.opus-arm.pulling{transform:rotate(0)}.orbit{transform-origin:8.7% 57%;z-index:3;width:100%;height:fit-content;transition:transform .75s cubic-bezier(.65,0,.35,1);position:relative;top:0;left:0;transform:rotate(45deg)}.orbit.pulled{transform:rotate(0)}.about-wrapper{opacity:.5;width:100%;height:fit-content;transition:opacity .75s cubic-bezier(.65,0,.35,1);position:relative}.orbit.pulled .about-wrapper{opacity:1}.pull-container.hidden .about-wrapper{opacity:0}.opus-arm.right{transform-origin:21% 48%;top:45%;left:92%;transform:rotate(135deg)}.opus-arm.right.pulling{transform:rotate(180deg)}.opus-arm.card{width:90%;top:9rem;left:-42%}.opus-arm.card.right{top:9rem;left:auto;right:-95%}.opus-arm-socket.right{width:6%;top:46%;left:auto;right:.5%}.opus-arm-socket.card{width:30%;top:9rem;left:-40%}.opus-arm-socket.card.right{top:9rem;left:auto;right:-40%}.orbit.card{transform-origin:-42% 48%}.orbit.right{transform-origin:91.5% 57%;transform:rotate(-45deg)}.orbit.right.card{transform-origin:95% 46%}.orbit.right.pulled{transform:rotate(0)}.about-wrapper.right{right:0}.pull-container.first{margin-top:6rem}.pull-container.down{margin-top:4rem}.favourite-games>*,.extracurriculars>*{width:25%}.coding-activity-row>*{width:20%}.project-track{z-index:-1;width:35%;position:absolute;top:88%}.project-track.left{left:-5%}.project-track.right{left:auto;right:-5%}.experience{min-height:34rem;padding:1%}.desktop-view{display:list-item}.mobile-view{display:none}.coding-card-pop-up{top:75%}}@media (width>=1124px){.projects-row{grid-template-columns:20% 40% 20%;width:80%;margin-left:10%;margin-right:10%}.project-card-left:hover{transform:translate(25%)}.project-card-right:hover{transform:translate(-25%)}}