*, *::before, *::after {
    box-sizing: border-box;
    }
  
* {
    margin: 0; padding: 0:
    }
  
html, body {
    height: 100%;
    }
  
body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    }
  
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
    }
  
input, button, textarea, select {
    font: inherit;
    }
  
p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

/* Style */
body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: larger;
    text-align: center;
    background: #0080FF;
}

main {
    margin-inline: auto;
    padding: 1em;
    max-width: 1024px;
}

h1 {
    width: 98%;
    margin: 0 auto;
    border: 2px solid white;
    background-color: grey;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li {
    width: 98%;
    margin: 1em auto;
}

li > a {
    display: block;
    padding: 1em;
    color: #000;
    background-color: #FF8000;
    border: 2px solid white;
    text-decoration: none;
    width: 100%;
}

li:last-child > a {
    background-color: #FE9A2E;
}