*{
    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;
}
.rotulo{
    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;
}
.pantalla1{
    width: 30em;
    border-radius: 1em;
    border-width: .3em;
    border-style: solid;
    border-color: rgb(45, 26, 58);
}
.pantalla2{
    width: 30em;
    border-radius: 1em;
    border-width: .3em;
    border-style: solid;
    border-color: rgb(45, 26, 58); 
}
.pantalla3{
     width: 30em;
    border-radius: 1em;
    border-width: .3em;
    border-style: solid;
    border-color: rgb(45, 26, 58);
}