@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

body{
    background:#f5eed1;
    font-family:"Comic Sans MS", Verdana, sans-serif;
    color:#333;
    margin:0;
}

/* contenedor principal */
main{
    background:white;
    width:80%;
    margin:30px auto;
    padding:25px;
    border:5px dashed #f3ea69;
    border-radius:15px;
    box-shadow:0 0 10px rgba(0,0,0,0.3);
}

/* títulos */
h2{
    text-align:center;
    color:#d4c70a;;
    font-size:30px;
}

h3{
    color:#f0e21c;
    border-bottom:2px dotted #f3ea69;
    padding-bottom:5px;
    text-align: center;
}

/* párrafos */
p{
    line-height:1.6;
}

/* imagen */
img{
    display:block;
    margin:20px auto;
    width:400px;
    border:4px solid #f3ea69;
    border-radius:10px;
}

/* listas */
ul{
    background:#f6f8db;
    padding:15px 25px;
    border-left:5px solid #f3ea69;
}

li{
    margin:6px 0;
}

/* efecto retro al pasar el mouse */
img:hover{
    transform:scale(1.05);
    transition:0.3s;
}