@font-face {
    font-family:"fuenteminecraft";
    src: url("../fonts/minecraft/Minecraft.ttf");
}
@font-face {
    font-family:"fuentechunky";
    src: url("../fonts/chunky_playful/Chunky\ Playful.otf");
}
@font-face {
    font-family:"fuentesecret";
    src: url("../fonts/le_secret_du_manoir_des_illusions/Le\ Secret\ du\ Manoir\ des\ Illusions.ttf");
}
body{
    background-image: url("../images/fondo2.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}
nav{
    background: palevioletred;
    border-radius: 7px;
}
nav img{
    width: 110px;
}
nav ul{
    margin-top: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 4%;
    padding: 10px;
}
a{
    text-decoration: none;
    font-family: "fuentechunky", sans-serif;
    color: rgb(255, 150, 185);
    text-shadow: 3px 3px 4px rgb(233, 138, 49);
    font-size: 35px;
}
footer{
    background: rgb(178, 252, 255);
    margin: 100px 10px;
    border-radius: 15px;
    box-shadow: 2px 2px 10px black;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}
footer p:nth-child(1){
    width: 85%;
    text-align: justify;
    font-family: "fuentesecret";
    font-size: 25px;
    padding: 30px 10px 10px 10px;
}
footer p:nth-child(2){
    text-align: justify;
    text-shadow: 2px 2px 3px rgb(240, 148, 62);
    font-family: "fuenteminecraft";
    font-size: 20px;
}
.contenedor{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    /* border: 2px dashed gray; */
}
.contenedor img{
    height: 200px;
}
table{
    width: 70%;
    border-collapse: collapse;
    margin-left: 10px;
    font-size:18px;
}
table th{
    background: paleturquoise;
    text-align: left;
    padding: 10px;
    border: 1px solid grey;
}
table td{
    border: 1px solid grey;
    padding: 5px
}
.btneliminar{
    background: palevioletred;
    border: none;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    font-size: 16px;
}
.card{
    margin: 20px;
    /* border: 2px dashed palevioletred; */
    background: grey;
    border-radius: 15px;
    box-shadow: 15px -15px 35px rgb(255, 178, 178);
    padding: 10px;
}
.card .image{
    height: 200px;
    width: 100%;
    object-fit: contain;
}
.btnaccion {
    background: rgb(240, 148, 62);
    border: 0;
    font-family: "fuenteminecraft";
    display: flex;
    align-items: center;
    justify-items: center;
    gap: 10px;
    margin-top: 10px;
}
.btnaccion img{
    height: 17px;
}
@media screen and (max-width: 900px){
    body{
        background: rgb(120, 120, 255);
    }
    .contenedor{
        grid-template-columns: repeat(2,1fr);
    }
}
@media screen and (max-width:600px){
    .contenedor{
        grid-template-columns: repeat(1,1fr);
    }
}