body {
    height          : 85vh;
    display         : flex;
    justify-content : center;
    flex-direction  : column;
    align-items     : center;
    font-family     : Arial, Helvetica, sans-serif;
    text-align      : center;
    background-color: black;
    color           : white;
}

.links {
    margin-top     : 7em;

    display        : flex;
    justify-content: space-around;
    width          : 80%;
}

.links a {
    text-decoration: none;
    color          : white;
    padding        : 2.2em;
    border         : 1px solid white;
}

.links a:hover {
    cursor          : pointer;
    text-decoration : underline;
    background-color: white;
    color           : black;
}

@media screen and (max-width: 750px) {
    .links {
        flex-direction: column;
        align-items   : center;
        width: 100%;
    }

    .links a {
        margin-bottom: 2em;
    }


}