body{background-color:#222a30;color:#d3d9d5;margin:0}main{align-items:center;display:flex;flex-direction:column;justify-content:center}h1{font-family:Arial,Helvetica,sans-serif;font-size:3rem;font-weight:700;text-transform:uppercase}.nav-button{background-color:#768c92}.difficulty-nav-button,.nav-button{border:.2rem solid #d3d9d5;border-radius:.5rem;color:#000;font-family:Arial,Helvetica,sans-serif;font-weight:700;padding:2rem;text-decoration:none;text-transform:uppercase}.difficulty-nav-button{margin-bottom:1rem}@media (hover:hover){.difficulty-nav-button:hover,.nav-button:hover{box-shadow:inset .5rem .5rem .5rem #00000085,inset -.5rem -.5rem .5rem #f8f7f785}}.lv1{background-color:#6e6efa}.lv2{background-color:#03b503}.lv3{background-color:#9acd32}.lv4{background-color:#ff0}.lv5{background-color:orange}.lv6{background-color:red}@media (max-width:900px){.difficulty-nav-button{padding:.5rem 2rem}h1{font-size:2.5rem}.nav-button{padding:.5rem}}