body{padding:0;margin:0}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#90cde3;color:#333;text-align:center}header{position:fixed;top:0;width:100%;background-color:#fff;padding:10px 0;box-shadow:0 2px 5px #0000001a;z-index:1000}header nav{display:flex;justify-content:space-between;align-items:center;padding:0 20px}header nav .logo-container{display:flex;align-items:center}header nav .nav-buttons{display:flex;align-items:center}header nav a,header nav button{background-color:#fff;border:none;padding:10px 20px;margin:0 5px;color:#000;font-size:16px;cursor:pointer;border-radius:5px;transition:background-color .3s;text-decoration:none}header nav a:hover,header nav button:hover{background-color:#cb5b50;color:#fff}main{padding:100px 20px 20px;position:relative;overflow:hidden}h1{font-size:2.5em;color:#000;margin-bottom:20px}p{font-size:1.2em;color:#000;max-width:600px;margin:0 auto}.clouds{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.cloud{position:absolute;background:#fff;border-radius:1000px;opacity:.8}.cloud1{width:200px;height:60px;top:20%;left:-200px;animation:moveCloud 20s linear infinite}.cloud2{width:150px;height:45px;top:40%;left:-150px;animation:moveCloud 25s linear infinite}.cloud3{width:180px;height:55px;top:60%;left:-180px;animation:moveCloud 30s linear infinite}@keyframes moveCloud{0%{left:-200px}to{left:100%}}.canvas{position:relative;background-color:#fffe;padding:20px;border-radius:10px;width:700px;margin:0 auto;box-shadow:0 4px 10px #0003;z-index:10}.canvas .logo-container{text-align:center;margin-bottom:20px}.canvas .logo-container img{width:85px;height:80px}.sound-selection{display:flex;align-items:center;justify-content:space-around;margin:20px 0}.sound-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:10px;border-radius:10px;transition:background-color .3s}.sound-option i{font-size:24px;margin-bottom:10px}.sound-option.selected{background-color:#cb5b50;color:#fff}#register-button{background-color:#cb5b50;border:none;padding:10px 20px;color:#fff;font-size:16px;cursor:pointer;border-radius:5px;transition:background-color .3s}#register-button:hover{background-color:#b84a40}#user-info{margin-bottom:20px}#user-info p{font-size:1.1em;color:#000;margin:10px 0}#best-scores,#recent-scores{margin-top:20px}#best-scores h3,#recent-scores h3{color:#000;font-size:1.3em;margin-bottom:10px}#best-scores-list p,#recent-scores-list p{font-size:1em;color:#000;margin:5px 0}footer{background-color:#ffffffe6;padding:10px 0;position:fixed;bottom:0;width:100%;box-shadow:0 -2px 5px #0000001a;z-index:1000}footer p{margin:0;color:#333}.imgBox{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;margin-bottom:1rem}.imgBox img{width:200px;margin-bottom:.4rem}