Sesión 8 de html y css

      Este es el código css:


  *{
    box-sizing:border-box;
    text-align: center;
}

body{
    background-image:url("Imágenes brackets/Imagen rara.jfif");
}

header, footer{
    border:solid;
    background-color:white;
    border-radius: 30px;
    border-width: 8px;
   
}

.Núcleo{
    height:1200px;
   
    overflow-y: hidden;
}

.Separa-cosas{
    height: 10px;
    clear:both;
}

.portada{
    margin-left:auto;
    margin-right:auto;
    width:30%;
    height:auto;
}

.horizontal, .vertical{
    border:solid;
    border-width: 5px;
    border-radius: 8px;
    float:left;
}

.horizontal{
    width:50%;
    height:auto;
}
.vertical{
    width:33.3%;
    height:auto
}


.separa-fotos{
    height:10px;
    clear:both;
}

div img{
    transition:0.3s;
    transition-delay: 0.2s;
}

div img:hover{
    transform:scale(0.98);
}