* {
margin: 0;
padding: 0;
font-family: sans-serif;
}
body {
background-color: black;
color: antiquewhite;
}
main {
margin: auto;
max-width: 594px;
}
main div {
margin: auto;}
.video {
aspect-ratio: 12/17;
width: 100%;
height: auto;
}
ul {
display: flex;
flex-wrap: wrap;
list-style: none;
justify-content: center;
padding: 8px;
}
a {
padding: 32px;
color: antiquewhite;
background-color: #444444;
font-size: 2rem;
border-radius: 8px;
display: flex;
text-decoration: none;
}
a:hover {
background-color: dimgray;}
li {
margin: 8px;}
h1 {
padding: 16px;
text-align: center;}
.legenda {
padding: 16px;
}
.legenda p:first-child {
font-size: 90%;
}
.legenda p {
font-size: 70%;
padding: 4px 0;
}
.menu {
padding: 3px 12px;
display: inline-block;
float: right;
margin-top: -44px;
}