body {
background-color: rgb(0, 0, 0);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
color: rgb(255, 255, 255);
text-align: center;
overflow: hidden;
font-family: "Google Sans", sans-serif;
}

ul {
list-style-type: none;
padding-left: 0;
font-size: 1.25em;
max-width: 90%;
}

li {
opacity: 0;
animation: appear 0.8s ease forwards;
}

li:nth-child(1) { animation-delay: 0.2s; }
li:nth-child(2) { animation-delay: 0.4s; }
li:nth-child(3) { animation-delay: 0.6s; }


a {
color: inherit;
text-decoration: none;
display: inline-block;
transition: color 0.3s ease;
}
@keyframes appear {
to {
    opacity: 1;
}
}
a:hover {
    color: #ccc;
}

@media (max-width: 480px) {
ul {
    font-size: 1.35em;
}
li {
    margin: 7.5px 0;
}
}