html{
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    font-family: Helvetica, Arial, sans-serif;
    background: rgb(209, 228, 221);
    color: #444;
    padding-top: 5rem;
    font-size: 1.25rem;
    transition: 1s all;
}

body.dark-mode {
    background: #444;
    color: rgb(209, 228, 221);
}

ul {
    width: 360px;
}

ul li {
    margin: 0.75rem;
    list-style: none;
}

ul li::before {
    content: '\00B7';
}

a {
    color: #444;
}

a:hover{
    color: #000;
}

.dark-mode a {
    color: rgb(209, 228, 221);
}

.dark-mode a:hover {
    color: #DFDFDF;
}