body { margin: 0; overflow: hidden; font-family: Arial, sans-serif; } canvas { display: block; } #logo { position: absolute; top: 10px; left: 10px; width: max(10%, 100px); height: auto; } #resetButton { position: absolute; bottom: 10px; left: 10px; padding: 10px; font-size: 16px; background-color: #222222; border: 0px; cursor: pointer; } #links { position: absolute; bottom: 10px; right: 10px; padding: 10px; font-size: 16px; font-family: "Courier New", Courier, monospace; filter: invert(1); cursor: pointer; } body { background-color: black; } #loadingOverlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; z-index: 9999; transition: opacity 1s ease; } #loadingSpinner { border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fade-out { opacity: 0; }