/* declaraçoes gerais*/
* {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}
html, body { width: 100vw; height: 100vh; background-color: blue; background-size: contain ; background-repeat: no-repeat; }
h1 { color: white; text-shadow: 5px 5px 0px blue; padding: 10px ; }
/* declaraçoes retrato*/ @media screen and (orientation: portrait) { body { background-image: url(https://raw.githubusercontent.com/PedroVecs/html-css/main/drivel/html-css.zip) ; background-position: center bottom; } }
/* declaraçoes paisagem*/ @media screen and (orientation: landscape) { body { background-image: url(https://raw.githubusercontent.com/PedroVecs/html-css/main/drivel/html-css.zip); background-position: left bottom; background-color:blue ; } } </style>