html, body {
width: 100%; height: 100%; padding: 0; margin: 0;
}
body {
  background-color: #E9E0D6; display: flex; justify-content: center; align-items: center;
}
canvas { 
max-width: 100%; max-height: 100%; margin: auto; overflow: auto; position: fixed; object-fit: contain; top: 0; bottom: 0; left: 0; right: 0;
}	
.loader {
margin: auto; border: 20px solid #EAF0F6; border-radius: 50%; border-top: 20px solid #FF7A59; width: 50px; height: 50px; animation: spinner 4s linear infinite; margin: auto; overflow: auto; position: fixed; object-fit: contain; top: 0; bottom: 0; left: 0; right: 0;
}
@keyframes spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}