html, body {
    margin: 0;
    background-color: hsl(200, 10%, 10%);
    color: #eeeeee;
}


div.navbar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    background-color: hsl(200deg 10% 8%);
    box-shadow: 0 5px 10px 5px hsl(200deg 10% 9%);

    padding: 2rem;
}
div.navbar div.logoandname {
    display: flex;
    align-items: center;
}

div.navbar #logo {
    height: 3.5rem;
    width: auto;
}
div.navbar #myname {
    font-size: 2rem;
    font-family: League Spartan, sans-serif;
}



.button {
    display: table;
    text-align: center;
}
.button a {
    display: table-cell;
    vertical-align: bottom;
}

div.button a {
    display: block;
    padding: 25px;
    text-align: center;

    border-radius: 5px;
    color: #fff;
    background-color: #0319af;
    text-decoration: none;
}
div.button span#to-website {
    font-size: 1.3rem;
    font-family: sans-serif;
}


div.content {
    padding: 4rem;
    height: 50vh;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

div.title {
    display: flex;
    flex-direction: column;
    align-items: center;

    white-space: nowrap;
}

span#say-hello {font-size: 3rem; font-weight: 700;}