@keyframes anim1{
    from{
        left:-100vw;
    }
    to{
        left:0;
    }
}
body
{
    position:relative;
    animation-name:anim1;
    animation-duration:1.5s;
    color:#29261E;
    background-color:#ffffff;
    font-family: 'Bellota Text', cursive;
}
header
{
    color:#304E5F;
    font-family:'Suez One', serif;
    font-size:40px;
    min-height:80px;
    border-bottom:4px solid #304E5F;
}

a
{
    color:black;
    text-decoration:none;
}
.bord
{
    border:4px solid #DCC417;
    border-radius:50rem;
}
.middle
{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    margin:40px 48px 40px 48px;
    padding:38px 24px 38px 24px;
}
.bottom
{
    color:#ffffff;
    font-family: 'Bellota Text', cursive;
    background-color:#304E5F;
    margin:2px 0 0 0;
    padding:10px 36px 0 36px;
}
button
{
    color:#304E5F;
    background-color:#fff;
}