*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#000;min-height:100vh;font-family:Courier New,monospace;overflow:hidden}.background{object-fit:cover;filter:brightness(45%);z-index:-1;width:100%;height:100%;position:fixed}.container{text-align:center;background:#1d382a;border:3px solid #fff;border-radius:10px;width:450px;max-width:90%;padding:35px 25px;animation:.5s infinite moveShadow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 25px #fff}@keyframes moveShadow{0%{box-shadow:0 15px 25px #f5c905}25%{box-shadow:20px 0 25px #6be903}75%{box-shadow:0 -20px 25px #04a8e9}to{box-shadow:-20px 0 25px #041dfa}}.levelText{margin-bottom:30px;font-size:38px}.level{flex-direction:column;gap:12px;display:flex}.level a{color:#fff;background:#111;border:2px solid #31c026;border-radius:6px;padding:15px;font-family:Courier New,monospace;font-size:19px;text-decoration:none;transition:background 2s;display:block}.easy{position:relative}.your{display:block;transform:rotate(10deg)}.easy:hover{color:#000;background:linear-gradient(90deg,#aceeac,#6bf16b,#1ff11f);font-size:21px}.medium:hover{color:#000;background:linear-gradient(90deg,#e9eb80,#c4eb37,#b3ec15);font-size:21px}.hard:hover{color:#faeeee;background:linear-gradient(90deg,#f19595,#f36060,#e92828);font-size:21px}.impossible:hover{color:#f3f1f1;background:linear-gradient(90deg,#ec8bec,#f061f0,#ec3aec);font-size:21px}.level a:active{transform:scale(.98)}@media (width<=500px){.container{padding:25px 15px}.levelText{font-size:30px}.level a{font-size:16px}}