:root{font-family:Poppins,sans-serif;font-size:16px;line-height:24px;font-weight:500;color-scheme:light dark;background-color:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--color-text-light: #242424;--color-background-light: #f0f0f0;--color-background-icon-light: #f4f4f4;--color-text-dark: #fafafa;--color-background-dark: #333333;--color-background-icon-dark: #454545}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.light-theme{--color-text: var(--color-text-light);--color-background: var(--color-background-light);--color-background-icon: var(--color-background-icon-light)}.dark-theme{--color-text: var(--color-text-dark);--color-background: var(--color-background-dark);--color-background-icon: var(--color-background-icon-dark)}.experience{position:fixed;width:100vw;height:100vh;z-index:-1}.experience-canavas{width:100%;height:100%}header{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;padding:10px 14px;z-index:2}.main-nav{flex-grow:1;text-align:right}.dark-theme #logo img{filter:brightness(0) invert(1)}.main-nav ul,.side-nav ul{margin:0;padding:0}.main-nav li,.side-nav li{display:inline-block}.side-nav li+li{margin-top:10px}.main-nav li a{color:var(--color-text);display:flex;text-decoration:none;padding:8px 16px}.main-nav li a svg{margin-right:5px;fill:var(--color-text)}.side-nav{position:fixed;bottom:40px;right:30px;writing-mode:vertical-rl;font-size:14px;z-index:2}.side-nav li a,.play-game-link{padding:10px 8px;color:var(--color-text);display:inline-block;text-decoration:none;background-color:var(--color-background);position:relative}.side-nav li>a:after,.play-game-link :after{content:"";position:absolute;top:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border:1px solid var(--color-background)}.side-nav li a svg{fill:var(--color-text)}.play-game-link{position:fixed;bottom:50px;left:30px;writing-mode:vertical-rl;transform:rotate(180deg)}.play-game-link svg{transform:rotate(90deg);fill:var(--color-text)}.side-nav li:hover>a,.side-nav li a:focus,.play-game-link:hover,.play-game-link:focus{opacity:.75}.contact-menu{position:relative;margin-top:24px}.contact-menu__dropdown{position:absolute;bottom:0;right:56px;background-color:var(--color-background);border-radius:8px;writing-mode:lr-tb;color:var(--color-text);padding:20px;width:300px;text-align:center;display:none;box-shadow:-2px 0 40px #0000001a}.contact-menu__dropdown--open{display:block}.contact-menu__dropdown:before{content:"";position:absolute;bottom:24px;left:100%;border:10px solid transparent;border-left-color:var(--color-background)}.contact-menu__dropdown>svg{fill:var(--color-text)}.side-nav .contact-menu__dropdown a{padding:0;transition:all ease .2s}.side-nav .contact-menu__dropdown a:hover{opacity:.8}.contact-menu__dropdown .seperator{display:flex;align-items:center;padding:16px 0}#contact-email{display:flex;justify-content:center;align-items:center}#contact-email span{margin-right:4px}.seperator .line{flex-grow:1;border-bottom:1px solid #eee}.seperator .text{padding:0 8px}.social-icons li+li{margin-left:8px}.social-icons li a{background-color:var(--color-background-icon);border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center}.social-icons li a svg{fill:var(--color-text)}.section--about{display:none}#close-btn{position:fixed;bottom:5%;left:calc(50% - 24px);fill:var(--color-text)}footer{position:fixed;bottom:5px;left:0;width:100%;text-align:center;color:var(--color-text);font-size:12px}.cursor{width:30px;height:30px;margin-left:-15px;margin-top:-15px;border:1px solid #fafafa;border-radius:50%;z-index:300;display:flex;justify-content:center;align-items:center}.cursor-circle{width:18px;height:18px;background-color:#e0e0e0;border-radius:50%}@media (max-width: 992px){header{padding:6px 12px}#logo img{width:50px;height:50px}.main-nav li a{padding:6px 10px}.side-nav{right:22px}footer{font-size:10px}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fafafa}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dg.ac{z-index:100!important}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;background-color:#fafafa;display:flex;align-items:center;justify-content:center}.spinner-container{display:flex;flex-direction:column;align-items:center}.spinner{width:70.4px;height:70.4px;--clr: rgb(247, 197, 159);--clr-alpha: rgb(247, 197, 159, .1);animation:spinner 1.6s infinite ease;transform-style:preserve-3d}.spinner>div{background-color:var(--clr-alpha);height:100%;position:absolute;width:100%;border:3.5px solid var(--clr)}.spinner div:nth-of-type(1){transform:translateZ(-35.2px) rotateY(180deg)}.spinner div:nth-of-type(2){transform:rotateY(-270deg) translate(50%);transform-origin:top right}.spinner div:nth-of-type(3){transform:rotateY(270deg) translate(-50%);transform-origin:center left}.spinner div:nth-of-type(4){transform:rotateX(90deg) translateY(-50%);transform-origin:top center}.spinner div:nth-of-type(5){transform:rotateX(-90deg) translateY(50%);transform-origin:bottom center}.spinner div:nth-of-type(6){transform:translateZ(35.2px)}@keyframes spinner{0%{transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}to{transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}.loading-text{margin-top:10px;text-align:center;color:var(--clr);font-size:14px}