html{-webkit-user-select:none}body{margin:0;pointer-events:none;position:relative;overflow-y:hidden;--box-shadow: 0 0 10px 5px #00000011}#three{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1;pointer-events:all;background-color:#d0cbc4}.lil-gui{pointer-events:all!important}.toggleButton,img{-webkit-user-select:none;-ms-user-select:none;user-select:none}.iconSvg.night{filter:brightness(2.2)}.marbleButton.night:hover,.aboutButton.night:hover,.toggleButton.night:hover{background-color:#fff3}.aboutButton.night>.iconSvg.night,.toggleButton.toggleOn.night>.iconSvg.night{filter:brightness(3)}.overlaySidebar.night{background-color:#0004}.aboutButton.night,.toggleButton.night,.marbleButton.night,.trackButton.night{background-color:#000d}.trackButton.night:hover{background-color:#000000df}.logo{width:15rem;margin-top:1rem}.portfolioLink{color:#000;text-decoration-thickness:3px}.about{width:100%;height:100vh;overflow-y:scroll;position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(0);z-index:3;transition:.4s;visibility:visible;opacity:1}.aboutHide{opacity:0;visibility:hidden;transform:translate(-50%) translateY(3rem)}.aboutWrapper{position:relative;--padding-inline: 5rem;width:calc(90% - (2 * var(--padding-inline)));max-width:60rem;min-height:100vh;margin-inline:auto;border-radius:2rem 2rem 0 0;background-color:#eee;pointer-events:all;display:flex;flex-direction:column;align-items:center;margin-top:3rem;padding-inline:var(--padding-inline);box-shadow:5px 5px 10px 5px #0003}.about::-webkit-scrollbar{display:none}.about{-ms-overflow-style:none;scrollbar-width:none}.aboutCloseButton{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border-radius:50%;background-color:#0003;cursor:pointer}.about h1{text-align:center;font-family:Jua;font-weight:900;font-size:3rem;max-width:40rem;margin-top:5rem;margin-bottom:3rem}.about h2{font-family:Inria Sans;font-weight:900;font-size:1.5rem}@media (width <= 50rem){.aboutWrapper{--padding-inline: 2rem;margin-top:8rem}.aboutTextWrapper{display:block}.about p{padding-left:0}}.overlay{position:relative;width:100dvw;height:100dvh;pointer-events:none;overflow-y:hidden}.hide{display:none}.overlayHeader{display:flex;justify-content:right}.aboutButton{width:3rem;height:3rem;margin:1rem 1rem 0 0;border-radius:50%;background-color:#fffa;transition:.3s;pointer-events:all;box-shadow:var(--box-shadow)}.aboutButton:hover{background-color:#fff}.aboutButton>img{width:100%;height:100%}.overlaySidebar{position:absolute;right:0;top:40%;border-radius:1rem 0 0 1rem;height:fit-content;padding:1rem .7rem;display:flex;flex-direction:column;gap:.6rem;background-color:#fff6;box-shadow:var(--box-shadow)}@media (width <= 50rem){.overlaySidebar{top:13%}}.toggleButton{width:3rem;height:3rem;border-radius:50%;background-color:#fff8;display:flex;justify-content:center;align-items:center;pointer-events:all;transition:.3s}.toggleButton:hover{background-color:#fff}.toggleButton>img{width:100%;height:100%;transition:.3s}.toggleOn>img{filter:brightness(3)}#dayButton.toggleOn{background-color:#f9d464}#dayButton.toggleOn:hover{background-color:#f4c741}.toggleOn#autoMarbleButton,.toggleOn#followMarbleButton{background-color:#a0d3ff}.toggleOn#autoMarbleButton:hover,.toggleOn#followMarbleButton:hover{background-color:#63b3f8}.overlayTrackBar{position:absolute;bottom:-2rem;left:50%;width:100%;height:8rem;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:.6rem;margin-bottom:1rem;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;z-index:2;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media (width <= 50rem){.overlayTrackBar{justify-content:left}}.overlayTrackBar::-webkit-scrollbar{display:none}.trackButton:nth-child(1){margin-left:1rem}.trackButton:nth-last-child(1){margin-right:1rem}.trashButton{position:absolute;--size: calc(4.5rem - 10px) ;left:50%;transform:translate(-50%);bottom:-6rem;width:calc(4.5rem - 10px);height:calc(4.5rem - 10px);border-radius:1rem;border:5px solid rgba(255,255,255,.5);pointer-events:all;box-shadow:var(--box-shadow)}.trashButtonHover{border-color:red}.trashButtonXHover{background-color:red}#x1,#x2{position:absolute;top:50%;left:-39%;transform:translate(50%,-50%);width:55px;height:6px;border-radius:3px;background-color:#eee}#x1{transform:translate(50%,-50%) rotate(45deg)}#x2{transform:translate(50%,-50%) rotate(-45deg)}.marbleButton{position:absolute;bottom:1rem;right:1rem;width:6rem;height:6rem;border-radius:50%;background-color:#ffffff80;pointer-events:all;display:flex;justify-content:center;align-items:center;box-shadow:var(--box-shadow);transition:.3s}@media (width <= 50rem){.marbleButton{width:5.5rem;height:5.5rem;bottom:6.5rem}}.marbleButton:hover{background-color:#fff}#marbleSvg{width:60%;height:60%}.trackButton{width:4.5rem;height:4.5rem;border-radius:1rem;background-color:#ffffff80;pointer-events:all;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;transition:.3s;box-shadow:var(--box-shadow)}.trackButton:hover{background-color:#fff;transform:scale(1.2)}.trackButton>img{width:4.5rem;height:4.5rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}