Css/KATALOG.css - master - zalk/ff

Css/KATALOG.css

277 строк5 KB

zalk

Create: CSS.css, KATALOG.css, sss.css, Style.scss, tovar.css, Eda Kitaiskaia.code-workspace, Eda.html, fff.html, index.js, katalog.html, tovar.html, 1bdff4ca9e497c56f5b9dd183142fcb6.jpg, 26a9af2b7717c4145bfd8a9b17fdcc56.jpg, 54215b124bd8de5db576f5e970f0056e.jpg, 5c70c04f86a509659b3e4166d3b0f629.jpg, 66d797963158511dac4be8cda1aef312.jpg, 7e5197067bba825e41d8f7a2d0bd8697.jpg, 8e2f1222e80db81dab22a1dbe8ddd5e8.jpg, 8fda3dc6a78b20388ac6cae38746c9cf.jpg, 9ac8316ab20bec9b32057a30f9a6613e.jpg, 9d3bd6bb2f1b6f0c2078524dab2d4105.jpg, a06471ea699d1037d68e82547ec71f7b.jpg, a285be9c6cff79a7732ba773e53d1381.jpg, a44935c6b383dec761bad3d9af2e1b6a.jpg, bce96b23654b620d543dd9164dec03f0.jpg, c0b608639af3aa31a8e6661d9a4315e3.jpg, c6bfae7828b44f11f2c26b5e82d91217.jpg, CHINESE CALENDAR _ poster design _ by NBV.jpg, d8fd8e99d69ae9a77c216aff885520b9.jpg, d97ca67054c1903c7672519c30f59f99.jpg, dd243df0d63cad617b301ca3a57c9f94.jpg, eb3dddb9ec15de31d38c2d68313fd858.jpg, Ellipse 1.png, Ellipse 2.png, Group 48.png, Group 49.png, Group 50.png, Group 53.png, Group.png, New t shirt print photo.jpg, noodles-svgrepo-com (1).svg, Rectangle 36.png, Rectangle 37.png, Rectangle 38.png, Rectangle 39.png, telegram-svgrepo-com.svg, ticket-4-svgrepo-com.svg, tiktok-outline-svgrepo-com.svg, vk-outline-svgrepo-com.svg, walking-dragon-legend-myth-folklore-svgrepo-com.svg, загруженное (2).jpg, загруженное.png, Style.min.css, Style.min.css.map

20 июн 2026, 02:06

Верифицирован

20 июн 2026, 02:062c9cf10

html{
    scroll-behavior: smooth;
    font-family: "Montserrat", sans-serif;
}
ul,
li {
    list-style: none; 
}
h1,h2,h3,h4,h5,h6{
    text-transform: uppercase;
}
a {
    text-decoration: none;
}
.body{
    margin: 0px;
}
.class-link{
    transition: all 0.3s;
    color: white;
}
.header-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 17px;
}
.header__inner{
    width: 81%;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FD0006;
    border-radius: 22px;
    margin-top: 17px
}
.class-link:hover{
    font-size: 18px;
    color: rgb(204, 204, 204);
}
.header__cart-ticket:hover{
    size: 20px;
}
.header__icons {
    display: flex;
    transition: all 0.3s;   
    align-items: center;
    width: 47px;
    height: 44px;
    gap: 10px;
}
.header_icons {
    display: flex;
    align-items: center;
    width: 47px;
    height: 44px;
    gap: 10px;
}
.header__ul{
    display: flex;
    align-items: center;
    gap: 52px;
    padding: 27px;      
}
.header-logoImg{
    margin-left: 25px;
    transition: all 0.5s;
}
.header__cart-ticket{
    display: flex;
    gap: 32px;
    margin-right: 20px;
}
.footer{
    background-color: #FD0006;
    height: 342px;
}
.footer {
    margin-top: 120px;
    width: 100%;
}
.container {
      max-width: 1440px;
      display: flex;
      margin: 0 auto;
      justify-content: space-between;
    align-items: center;
}
.footer-navbar {
    margin-left: 150px;
    margin-top: 100px;
    gap: 95px;
      display: flex;
}
.footer-logo {
    width: 135px;
    height: 135px;
    align-items: center;
}
.footer-item {
      display: inline-grid;
}
.footer-itemTitle {
    font-weight: bold;
    display: block;
}
.footer-itemLink {
    color: black;
}
.footer-bottom {
    margin: auto;
}
.footer-list {
    margin-top: 70px;
}
.footer-itemSocial {
    background-color: #FE787B;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}
.footer-button__feedback{
    padding-left: 40px;
}
.footer-item__Title{
    display: block;
    font-weight: bold;
    
}
.footer-button__input{
    background-color: #FE787B;
        width: 250px;
    height: 42px;
    border-radius: 4px;
}
.footer-button__button{
    height: 48px;
    margin-left: 15px;
    color: white;
        width: 140px;
        border-radius: 4px;
        transition: all 0.5s;
    background-color: #616161;

}
.footer-button__button:hover{
    height: 58px;
    margin-left: 15px;
    font-size: 14px;
    color: white;
    width: 150px;
    border-radius: 4px;
    background-color: #4c4c4c;
}
.blog__list{
    margin-left: 94px;
}
.blog_list{
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    padding: 0px;

}
.blog__title{
    font-weight: 700;
    font-size: 33px;
}
.blog__item{
    background-color: #0772A1;
    border-radius: 10px;
    height: 524px;
}
.blog__itemTop{
    padding: 10px;
}
.blog__itemDown{
    margin-left: 11px;
}
.blog__img{
    object-fit:cover;
    border-radius: 10px;
    height: 356px;
    width: 312px;
}
.blog__itemTitle{
    color: white;
    display: flex;
    align-items: center;
    margin: 0px;
    justify-content: center;
    border-radius: 10px;
    height: 25px;
    width: 70px;
    background-color: #A40004;
}
.blog__itemDescption{
    font-weight: 700;
    margin-block: 5px;
    font-size: 33px;
}
.blog__itemButton{
    border-radius: 10px;
    transition: all 0.5s;
    height: 56px;
    width: 309px;
    font-size: 35px;
    background-color: #FD0006;
}
.blog__itemButton:hover{
    border-radius: 10px;
    height: 64px;
    width: 311px;
    font-size: 39px;
    background-color: #A40004;
}
.container {
    max-width: 1440px;
    display: flex;
    margin: 0 auto;
    padding: 0px;
    justify-content: center;
    align-items: center;
}  
.catalog-catalog{
    display: flex;
flex-direction: column;
margin-left: 66px;
}
.catalog-left__Title1{
    letter-spacing: 0.25em;
    justify-content: center;
    display: flex;
    text-transform: uppercase;
}
.catalog-left__itemTitle{
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
.filter-Title{
    display: table-caption;
    
}
.filter{
    width: 200px;
    padding: 0px;
}
.filter-ItemTitle{
    width: 200px;
    font-size: 22px;
    font-weight: 400;
}
.filter-Item__checkbox{
    width: 34px;
    background: rgba(255, 0, 72, 0.5);
    border-radius: 3px;

}
.filter---filter{
    width: 139px;
    font-weight: 400;
    font-size: 18px;
}
.filter-Leftt{
    display: flex;
    gap: 40px;
}
.header-logoImg:hover{
    width: 55px;
    height: 55px;
}