@font-face {
    font-family: "cafeteria";
    src: url(fonts/Cakecafe.ttf);
}

body{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    
}

.cabecera{
background: #5c3d2e;
color: whitesmoke;
padding: 20px;
}

h1{
    font-family: "cafeteria";
    font-size: 45px;
}


.menu a{
    display: inline-block;
    margin: 20px;
    padding: 8px 12px;
    background: #7a523a;
    color: whitesmoke;
    text-decoration: none;
}

.banner img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.productos{
    padding: 40px;
}

.card{
    display: inline-block;
    width: 220px;
    margin: 10px;
    border: 1px solid #ccc;
    padding-bottom: 10px;
}

.card img{
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.footer{
    background: #5c3d2e;
    color: whitesmoke;
    padding: 15px;
}