@charset "UTF-8";

.flame{

    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    height: 1200px;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(123, 24, 35,1.0);
    animation-name: flameanime;
    animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-duration: 4s;
} 

.links{
    margin-top: 20px;
    margin-bottom: 20px;
}


.food_and_drink{
    margin-left: auto;
    margin-right: auto;
    width: 460px;
    max-width: 100%;
    display:flex;
    justify-content: space-between;
}

.small{
    max-width: 48.7%;
    margin-left: 0px;
    margin-right: 0px;
}

.small p{
    font-size: 34px;
}

.left
{
    animation-name: fadeinleft;
    animation-duration: 2s;
}

.right
{
    animation-name: fadeinright;
    animation-duration: 2s;
}

@media (max-width:767px)
{


    .small p{
        font-size: 34px;
    }
    

}


@keyframes flameanime
{
    from{
        opacity: 0;
    }

    to{
        opacity: 1;
    }
}

@keyframes fadeinleft{
    from{
        opacity: 0;
        transform: translateX(-400px);

    }

    to{
        opacity: 1;
        transform: translateX(0);
    }

}

@keyframes fadeinright{
    from{
        opacity: 0;
        transform: translateX(400px);

    }

    to{
        opacity: 1;
        transform: translateX(0);
    }

}