body{margin:0}canvas{display:block}main{position:absolute;bottom:10%;left:50%;transform:translate(-50%);text-align:center;z-index:1;color:#fff;font-family:Arial,sans-serif;font-size:2rem;pointer-events:none}header{position:fixed;top:0;left:0;right:0;height:80px;margin-top:10px}.navbar{position:absolute;display:flex;top:20px;width:100%;text-align:center;justify-content:center;color:#fff;font-family:Arial,sans-serif;font-size:1.75rem}#title{padding:1.5rem;font-weight:700}.nav-list{position:relative;display:flex;gap:50px;list-style:none;padding:1.5rem;margin-left:8rem}a{text-decoration:none;color:#fff}a:hover{color:tomato}#explosion{border:2px solid #ff6347;color:tomato;border-radius:30px;padding:.5rem 1.2rem;margin-left:8rem}#explosion:hover{background-color:tomato;color:#fff}#reset{border:2px solid #00ff00;color:#0f0;border-radius:30px;padding:.5rem 1.2rem;margin-left:8rem;font-weight:700}#reset:hover{background-color:#0f0;color:#000}