body {
        margin:0;
        display:flex;
        flex-direction: column;
        height: 100vh;
        align-items:center;
        justify-content:center;
        font-family:"Josefin", sans-serif;
        font-weight: 500;
        background-color: #59c082;
        color: #ffffff;
        text-align: center;
        font-size: 17px;

        
}

.menu-button {
    display: block;
    margin: 10px auto;      /* centers them horizontally */
    width: fit-content;     /* keeps natural size */
    padding: 0.6rem 1.4rem;
    background: #ffffff;
    color: #59c082;
    text-decoration: none;
    border-radius: 12px;
    font-weight: bold;
    transition: transform 0.2s;
}
.card-button {
    display: inline-block;
    padding: 0.6rem 1.4rem;
    background: #ffffff;
    color: #59c082;
    text-decoration: none;
    border-radius: 12px;
    font-weight: bold;
    transition: transform 0.2s;
}
a {
    display:block;
    margin: 10px 0;
}

img {
    float:right
}