*{margin:0;padding:0}body{background-color:#000}canvas{position:fixed;top:0;left:0;outline:none}:root{--fs-title: 1.3rem;--fs-body: 1rem}.menu{color:#fff;font-family:Arial;font-size:var(--fs-body);position:absolute;bottom:25px;width:100%;text-align:center;overflow:hidden}.startButton{font-size:var(--fs-body);height:2%;width:10%}#desktop-menu{display:none}#mobile-menu{display:block}button{background-color:#4caf50;border:none;color:#fff;padding:5px 10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}summary,details{font-size:var(--fs-body)}.section-background{display:none;background-color:#000000b3;position:absolute;width:100%;height:100%;animation:fadeIn 1.5s}.section-title{font-size:var(--fs-title)}.section{display:none;color:#fff;font-family:Helvetica;font-size:var(--fs-body);position:absolute;padding:5%;animation:fadeIn 1.5s}@media screen and (min-width: 640px){:root{--fs-title: 1.7rem;--fs-body: 1.3rem}#desktop-menu{display:block}#mobile-menu{display:none}.section-background{width:40%;height:100%;right:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#loading-screen{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:1;transition:1s opacity}#loading-screen.fade-out{opacity:0}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#ebd265;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e0ba3d;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#ff9100;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}