
*{
    box-sizing: border-box;
}
body{background-color: hsl(129, 100%, 96%);
    background-image: url(../imagenes/fondo/fondo1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.encabezado{
    background-color: hsl(133, 18%, 48%);
    margin-block-start: 0%;
    border-width: .3em;
    border-style: solid;
    border-color: antiquewhite;
    box-shadow: 0em.5em.15em silver;
    text-align:left;
}

.materia{
    background-color: hsl(129, 100%, 96%);
    border-radius: 2em;
    border-width: .1em;
    border-style: solid;
    border-color: antiquewhite;
    display: inline-block;
    padding: 1%;
    margin-inline-start: .5em;
    margin-inline-end: 1em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    box-shadow: .5em.5em.5em rgb(74, 82, 78);
    color: hsl(225, 48%, 23%);
    font-family: monospace;
}
.prototipo{
    background-color: hsl(129, 100%, 96%);
    border-radius: 2em;
    border-width: .1em;
    border-style: solid;
    border-color: antiquewhite;
    display: inline-block;
    padding: 1%;
    margin-inline-start: .5em;
    margin-inline-end: 1em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    box-shadow: .5em.5em.5em rgb(74, 82, 78);
    color: hsl(225, 48%, 23%);
    font-family: monospace;
}
main{text-align: center;}
.fondofoto{
    background-color: hsl(133, 18%, 48%);
    margin-block-start: 2em;
    margin-block-end: 2em;
    margin-left: 10em;
    margin-right: 10em;
    border-width: .3em;
    border-style: solid;
    border-color: antiquewhite;
    box-shadow: 0em.5em.15em silver;   
}
.nombre{
    display: inline-block;
    background-color: hsl(129, 100%, 96%);
    border-radius: 1em;
    padding: 1%;
    margin: 2%;
    font-size: 2em;
    color: hsl(225, 48%, 23%);
    font-family: monospace;
}
.fondofoto2{background-color: hsl(133, 18%, 48%);
}
.fotoperfil{
    border-radius: 2em;
    border-width: .5em;
    border-style: solid;
    border-color: antiquewhite;
}
.titulo1{
    display: inline-block;
    background-color: hsl(133, 18%, 48%);
    border-radius: 2em;
    padding: 2%;
    border-width: .3em;
    border-style: solid;
    border-color: antiquewhite;
    box-shadow: 0em.5em.15em silver;
    color: antiquewhite;
    font-family: monospace;
}
.articulo1{ background-color: hsl(133, 18%, 48%);
    margin-block-start: 2em;
    margin-block-end: 2em;
    margin-left: 10em;
    margin-right: 10em;
    border-width: .3em;
    border-style: solid;
    border-color: antiquewhite;
    box-shadow: 0em.5em.15em silver;  

}
.subtitulo1{display: inline-block;
    background-color: hsl(129, 100%, 96%);
    border-radius: 1em;
    padding: 1%;
    margin: 2%;
    font-size: 2em;
    color: hsl(225, 48%, 23%);
    font-family: monospace;
}
.lista1{
    display: inline-block;
    background-color: hsl(129, 100%, 96%);
    border-radius: 1em;
    padding: 1%;
    margin: 2%;
    color: hsl(225, 48%, 23%);
    font-family: monospace;
    font-size: 2.5em;
}
.titulo2{display: inline-block;
    background-color: hsl(133, 18%, 48%);
    border-radius: 2em;
    padding: 2%;
    border-width: .3em;
    border-style: solid;
    border-color: antiquewhite;
    box-shadow: 0em.5em.15em silver;
    color: antiquewhite;
    font-family: monospace;
}
.piedepagina{
    background-color: hsl(133, 18%, 48%);
    margin-block-end: 0%;
    width: 100%;
    padding: 0%;
    border: radius 0%;
}
.poster{
    border-radius: 1em;
    margin-inline: .5em;
     box-shadow: 0em.5em.15em silver;

}
.titulo3{ 
    display: inline-block;
    background-color: hsl(133, 18%, 48%);
    border-radius: 2em;
    padding: 2%;
    border-width: .3em;
    border-style: solid;
    border-color: antiquewhite;
    box-shadow: 0em.5em.15em silver;
    color: antiquewhite;}
ul{list-style: none;}
footer{
    background-color: hsl(133, 18%, 48%);
    margin-block-start: 0%;
    border-width: .3em;
    border-style: solid;
    border-color: antiquewhite;
    box-shadow: 0em.5em.15em silver;
}
.piedepagina{
    background-color: hsl(133, 18%, 48%);
    margin-block-start: .5em;
    margin-inline-end: .5em;
    color: antiquewhite;
    font-family: monospace;
}