*
{
    font-family: sans-serif;
    margin: 0px;
    padding: 0px;
}

.figure {
    height: 30vh;
    width: 50vw;
}

.img {
    height: 10vh;
    width: 20vw;
    padding: 2vh;
}

header
{
    background-color: blue;
    height: 5vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

header > a 
{
    margin-inline: 0.5vw;
}

header > a > button
{
    padding: 10px;
    color: white;
    text-decoration: none;
}

header > a > button
{
    border-radius: 5%;
    border: none;
    background-color: blue;
}

header > a > button:hover {
    cursor: pointer;
    background-color: rgba(113, 136, 209, 0.747);
}

header > a:hover
{
    color: rgb(255, 0, 0);
    text-decoration: none;
}

.center
{
    margin-top: 5vh;
    display: flex;
    justify-content: center;
    width: 70vw;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 90vh;
    text-align: center;
}

main ul {
    list-style: none;
}

.hobby{
    display: flex;
}

h3 {
    margin: 3vh;
}


footer
{
    color: white;
    background-color: blue;
    height: 5vh;
    display: flex;
    justify-content: center;
    align-items: center;
}