*{padding:0}html,body{background-color:#8bc9fe;height:100%;font-family:Roboto Light,sans-serif}:is(html,body) h1{color:#00212c;text-align:center}:is(html,body) main{background-color:#6fbdff;border-radius:10px;width:80%;margin:auto;padding:2em 0}:is(html,body) main p{text-align:center}:is(html,body) main ul{flex-direction:column;align-items:center;list-style:none;display:flex}:is(html,body) main ul li a{color:#002143;background:#f0f8ff;border-radius:20px;width:80%;margin:1em auto;padding:1em;text-decoration:none;display:block;box-shadow:5px 5px #00060f}:is(html,body) main ul li a:hover{cursor:pointer;color:#00060f;background:#90cbff;transform:scale(.98);box-shadow:2px 2px #00060f}