body {
margin: 0px;
background-image: url('twinkstars.gif');
background-repeat: repeat;
background-color: #000000;
}

.corpo {
background-color: #000000;
margin-top: 30px;
margin-right: auto;
margin-left: auto;
width: 80%;
max-width: 500px;
padding: 10px;
border-radius: 10px;
z-index: 2;
}

footer {
padding-top: 8px;
padding-bottom: 5px;
font-family: "New Rocker", system-ui;
font-size: 0.7em;
text-align: center;
color: #575bff;
width: 100%;
margin-left: auto;
}

.container2 {
display: flex;
flex-wrap: wrap;  
padding-left: 15px;
padding-right: 15px;
gap: 10px;
}

.item2 {
flex: 1 1 50px;
margin: auto;
text-align: center;
font-family: "New Rocker", system-ui;
font-size: 1em;
}

.container {
display: flex;
flex-wrap: wrap; 
gap: 5px; 
}

.item {
margin: auto;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
box-sizing: border-box;
text-align: center;
border-radius: 5px;
}

a {color: white;
text-decoration: none;}
a:hover {color: pink; }
a:visited {color: white;}

.welcome > h1 {
font-family: "Crimson Pro", serif;
font-size: 1.5em;
text-align: center;
font-weight: normal;
margin: auto;
color: #d1d2ff;
}

.descricao > p {
padding: 5px;
font-family: "Crimson Pro", serif;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: -10px;
color: #d1d2ff;
width: 90%;
font-size: 0.8em;
}

.imagem {
border-radius: 18px;
width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}