body{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 14vh;

    padding-top: 10.7vh;
}

@keyframes fadeIn {
    from{
        opacity: 0;
        transform: translateY(-50);
    }

    to{
        opacity: 1;
        transform: translateY(0);
    }
}
#welcome{
    font-family: "tt-alientz-serif", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 37px;

    animation: fadeIn 1.5s ease-in forwards;
}
#welcomebox{
    display: flex;
    background-color: #F3F3F3;
    height: 8vh;
    width: 72vw;
    
    justify-content: center;
    align-items: center;

    position: relative;
    left: 14vw;
    
    animation: fadeIn 1.5s ease-in forwards;
}

a{
    font-family: "tt-alientz-serif", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22.87px;
    color: black;

    text-decoration: none;
}

#buttoncontainer{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;

    gap:5vh;

}
button{
    width: 63vw;
    height: auto;

    position: relative;
    left: 18.5vw;

    border-radius: 0;
    border: black;
    border-style: solid;
    border-width: 0.5px;
    background-color: white;

    animation: fadeIn 1.5s ease-in forwards;
    
}
#readbutton{
    background-color: #F3F3F3;
}

img{
    width:85vw;
    height: auto;

    position: relative;
    left: 7.5vw;

    animation: fadeIn 1.5s ease-in forwards;
}