src/styles/footer.module.css - main - Julic/catalog

src/styles/footer.module.css
123 строки2 KB
4erepashka
23 мар 2024, 17:51
23 мар 2024, 17:51934c973

.wrapper{
    margin: 0 auto;
    margin-top: 20px;
    width: 1110px;
    height: 149px;
    background-color: #ffff;
    border-radius: 30px 30px 0 0 ;
    display: grid;
    grid-template-columns: repeat(12, 65px);
    column-gap: 30px;
    filter: drop-shadow(0 0 20mm rgba(0, 0, 0, .1));
}

.title{
    grid-column-start: 1;
    grid-column-end: 2;
    font-family: "Montserrat", sans-serif;
    font-size: 29px;
    font-weight: 700;
    color: #101010;
    margin-top: 29px;
    margin-left: 29px;
}

.description{
    grid-column-start: 4;
    grid-column-end: 10;
    width: 447px;
    height: 103px;
    display: grid;
    grid-template-columns: repeat(5, 65px);
    column-gap: 30px;
    margin-left: 65px;
    margin-top: 33.72px;
}

.menu{
    grid-column-start: 1;
    grid-column-end: 2;
    height: 82.8px;
    width: 101px;
    color: #000;
    grid-row-start: 1;

}

.menuList{
    list-style-type: none;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin: 0;
    height: 82.8px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.menuItem:not(:first-child){
    margin-top: 10.9px;
}
.menuItem a{
    text-decoration: none;
    color: #000;
}
.menuItem a:hover{
    text-decoration: none;
    color: #FFA542;
}

.service{
    grid-column-start: 4;
    grid-column-end: 6;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    font-weight: 400;
    grid-row-start: 1;
    text-decoration: none;
    color:#000
}
.service:hover{
    color: #FFA542;
}

.lang{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 1;
    margin-top: 55.58px;
    width: 152px;
    height: 20px;
    display: flex;
    justify-content: space-between;
}

.langItemRu, .langItemEng, .langItemKz{
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 500;
} 

.langItemRu{
    color: #FFA542;
}

.media{
    grid-column-start: 11;
    grid-column-end: 13;
    width: 126.1px;
    height: 30.1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 29px;
}
.media a{
    cursor: pointer;
    
}
.media a:hover svg{
    transform: translateY(-2px);
}