*{
    margin: 0;
    background-color: white;
}

#cabecalho{ 
    display: flex;
    align-items: center;
    width: 100%;
    height: 10vh;
    justify-content:space-around;

}

#cabecalho a{ color: black;
text-decoration: none;
font-size: 20px;}

.espaco{
    width: 100%;
    height: 30vh;
}

#camisas{
    width: 100%;
    height: 45vh;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5vh;
}


#descricao{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25vh;
    height: 21vh;
    width: 100%;

}

#comprar{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30vh;
}

#comprar a{
    text-decoration: none;
    background-color: #ff7361;
    color: white;
    text-align: center;
    height: 5vh;
    width: 7%;
}

.espd{
    width: 100%;
    height: 37vh;
}

#rodape{
    width: 100%;
    height: 10vh;
display: flex;
justify-items: center;
border-top: solid 1px #c4c7c5;
}

.umr{
    width: 50%;
    height: 10vh;
    
}

.doisr{
    width: 50%;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.umr div{
    width: 100%;
    height: 3,3vh;
    display: flex;
  justify-content: center;
    align-items: center;
}

.arroba{
    margin-left: 30%;
}

.doisr p{
    color: black;
}