*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    background:url("../img/fundo.png") center center;
    background-size:cover;
    background-repeat:no-repeat;

    min-height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    font-family:Arial, Helvetica, sans-serif;

}

.container{

    width:100%;
    max-width:420px;

    text-align:center;

    padding:25px;

}

.logo{

    width:180px;

    margin-bottom:0px;

}

.botijao{

    width:370px;

    margin-bottom:0px;

    filter:drop-shadow(0 25px 25px rgba(0,0,0,.45));

    animation: flutuar 2s ease-in-out infinite;
}

h1{

    color:rgba(255, 238, 0, 0.897);

    font-size:20px; 

    font-weight:800;

}

p{

    color:rgb(253, 249, 249);

    margin-top:1px;

    font-size:18px;

}

#pedido{

    margin-top:30px;

    width:100%;

    height:62px;

    border:none;

    border-radius:18px;

    background:#25D366;

    color:white;

    font-size:22px;

    font-weight:bold;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    cursor:pointer;

    transition:.25s;

    box-shadow:0 10px 25px rgba(37,211,102,.35);

}

#pedido:hover{

    transform:scale(1.03);

}

#pedido img{

    width:60px;

}
@keyframes flutuar {

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-6px);
    }

    100%{
        transform:translateY(0px);
    }

}