body{width:100vw;height:100vh;padding:0;margin:0;overflow-x:hidden}.canvas{height:700px;box-shadow:#64646f33 0 7px 29px}.container{display:flex;flex-direction:column;height:100vh}.navigation{display:flex;background-color:#fff;height:10vh;box-shadow:#00000059 0 5px 15px;gap:1rem}.navigation>button{border-radius:5px;cursor:pointer;width:100px;border-color:#e6e6e6}.lds-ring{display:inline-block;position:relative;width:80px;height:80px;margin-left:auto;margin-right:auto;margin-top:20vh}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #000;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#000 transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}