#homeStartSection {
    width: 100%;
    height: 70vh;
    background: #d3d6fa;
    background: linear-gradient(360deg, #d3d6fa 0%, rgba(61, 67, 177, 1) 40%);
}

#mainOffer {
    width: 100%;
    height: 50vh;
}

#OfferWrap {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 90%;
    display: flex;
}

#OfferWrap h1 {
    font-size: 1vw;
}

#Offer1 {
    height: 100%;
    width: 30%;
    background-color: #eaecfa;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

#Offer1>span {
    font-size: 2vw;
}

#Offer1:hover>h1 {
    color: blue;
}

.item:hover>h1 {
    color: blue;
}

#Offer2 {
    background-color: #eaecfa;
    width: 90%;
    height: 100%;
    margin-left: 5%;
    margin-right: auto;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 10px;
}

.item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-basis: 20%;
    height: 100%;
}


#OfferLabelWrap {
    width: 90%;
    height: 10%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    font-size: 1vw;
    color: red;
}

#OfferLabelWrap>div {
    width: 37%;
}

#Discount {
    width: 100%;
    height: 90vh;
    display: flex;
}

#Discount>div {
    width: 100%;
    height: 100%;
    background: url(imagens/anuncio.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    left: 0.5%
}

#spacer1 {
    height: 15vh;
    width: 100%;
}

#homeSection {
    width: 100%;
    height: 260vh;
    background-color: #d3d6fa;
}

#Offer3 {
    background-color: #eaecfa;
    width: 90%;
    height: 50vh;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}

#homeSection>span {
    position: relative;
    left: 5vw;
    font-size: 2vw;
}

#spacer1 {
    width: 100%;
    height: 20vh;
}

#categoriasWrap {
    width: 100%;
    height: 70vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#categoriasWrap>span {
    flex-basis: 10%;
    width: 90%;
    font-size: 2.5vw;
    background-color: #eaecfa;
}

#categorias {
    flex-basis: 90%;
    width: 90%;
    background-color: #eaecfa;
    display: grid;
    grid-template-columns: 2fr 2fr 2fr 2fr;
    grid-template-rows: 2fr 2fr 2fr;
    padding: 1%;
    row-gap: 4%;
    column-gap: 2%;
}

.categoria-item {
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    border: 1px solid black;
    align-items: center;
}

.categoria-imagem {
    flex-basis: 100%;
    height: 100%;
    background: url(imagens/Mask\ group.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.categoria-imagem-fundo {
    flex-basis: 50%;
    background-color: grey;
    height: 100%;
    border-radius: 10px;
}
.categoria-item:hover span{
    color:blue;
}