@media (orientation: portrait) {

br {
visibility: visible;}

body {
 background-color: black;
 color: white;
 text-align: center;
}


p {
 white-space: pre;
 font-family: "Source Code Pro", monospace ;
 line-height: 1vw;
 font-size: 2.5vw;
 filter: drop-shadow(4px 4px 3px rgba(255,255,255,1));
}


#encabezado {
 font-size: 5vw;
 text-align: center;
 font-family: serif;

}

button{
 font-size: 5vw;
 background-color: black;
 color: white;
 font-family-serif;
}

#firma {
 font-size: 4vw;
 font-family: serif;
}
}

@media (orientation: landscape){
body {
 background-color: black;
 color: white;
 text-align: center;
 }


p {
 white-space: pre;
 font-family: "Source Code Pro", monospace ;
 line-height: 1vh;
 font-size: 2.5vh;
 filter: drop-shadow(4px 4px 3px rgba(255,255,255,1));
}


#encabezado {
 font-size: 5vh;
 text-align: center;
 font-family: serif;
}

#firma {
 font-size: 3.8vh;
 font-family: serif;
}

 .salto {
 visibility: hidden;}

}

button{
 font-size: 4.5vh;
 background-color: black;
 color: white;
 font-family: serif;
}