*,body,html{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body{
    background-color: rgb(13, 17, 22);
    color: rgb(240, 246, 251);
    text-align: center;
    padding: 0 5em;
    height: fit-content;
}
h1{
    margin: 2em;
}
ul {
    margin-top: 10em;
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
    gap: 2em 1em;
}
li {
    text-align: center;
    border-radius: 1em;
    background: rgb(23, 30, 39);
}
a{
    color: rgb(240, 246, 251);
    text-decoration: none;
    display: block;
    padding: 1em 0.5em;
    width: 100%;
    height: 100%;
}

li:hover {
    background-color: rgb(255, 100, 100);
    text-decoration: underline;
}