*{
    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;}

#laranjao{
display: flex;
    width: 100%;
    height: 80vh;
background-color: #ff7361;

}


#logo{
    height: 10vh;
    width: 7%;
}

.propaganda{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 80vh;
    background-color: #ff7361;

}
.camisa{
    width: 50%;
    height: 80vh;
    background-color: #ff7361;
    display: flex;
    justify-content: center;
    align-items: center;
}

.aa{
    font-size: 30px;
    text-decoration: none;
    color: black;
    background-color: #ff7361;
    position: relative;
}

.azin{
position: absolute;
top: 370px;
height: 7vh;
 background-color: darkblue;
 color: white;
width: 5%;
display: flex;
justify-content: center;
align-items: center;
right: 750px;
 text-decoration: none;
 border-radius: 20%;
}

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

#pecaspromocao p{
    font-size: 30px;
    color: black;
    }
#camisas{
    width: 100%;
    height: 45vh;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vh;
}

#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%;
}

.espacorodape{
    width: 100%;
    height: 35vh;
}

#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;
}