*{
box-sizing: border-box;

}



body, h1, h2, h3, p, ul, ol{
    margin: 0%;
    padding: 0%;
}


body{
    font-size: 16px;
    background-color: rgb(255, 135, 135);
    font-family: Arial, Helvetica, sans-serif;
}

header {
    display: flex;
    justify-content: first baseline;
    align-items: center;
    height: 60px;
    color: black;
    background-color: rgb(255, 0, 0);
}
.header_menu{
    padding: 20px;
    display: flex;
    list-style: none;
    width: 100%;
    justify-content: center;
}
.menu_item a {
    text-decoration: none;
    text-align: center;
    padding: 10px;
    color: white;
    font-size: 20px;
    transition: all 0.5s;

}
.menu_item a:hover {
    background-color: rgb(184, 0, 0);
}
    


.menu_item_b {
    background-image: linear-gradient(to right, #EB3349 0%, #F45C43 51%, #EB3349 100%);
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
    text-decoration:none;}


 .wrapper {

width: 960px;
margin:  20px auto 20px auto;
background-color: rgb(255, 144, 144);
background-image: url("logotips/d08efe2e9f4fdedac70bd9744757a849634132eb.jpg");
background-repeat: no-repeat;
align-items: center;
 }

 .wrapper_content {
margin-top: 200px;
color: rgb(0, 0, 0);
box-shadow: 0px 5px 10px 0 rgb(255, 0, 0);
background-color: rgb(255, 97, 97);
display: flex;
flex-direction: column;
align-items: center;



 }
.wrapper_flex {
display: flex;
flex-direction: column;


}
.list_elements {
display: flex;
justify-content: space-around;
width: 70%;
padding: 20px 20px;    
list-style: none;    
}
.list_elements_item {
cursor: pointer;
transition: all 0.5s;


}
.list_elements_item:hover {
    transform: scale(1.3);


}
.title_paragraph {
padding: 20px;

}
.paragraph {
padding: 20px 40px;
margin-bottom: 200px;
text-indent: 50px;

}
.footer {
box-sizing: border-box;
background-color: rgb(255, 0, 0);
overflow: auto;


}
.text-centr {
    text-align: center;


}
.grid_products {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
    padding: 40px 30px;
    align-items: center;
    
    }
.grid_products_item {
    width: 100%;
    height: 100%;
    background-color: rgb(255, 163, 163);

    display: flex;
    flex-direction: column;
    align-items: center;
    
}



.item{
padding: 10px ;

background-color: rgb(255, 170, 170);
color: black;
box-shadow: -5px 5px 0px 0px rgb(rgb(255, 154, 154));
transition: all 0.3s;
}

.item_image img {
height: 250px;
object-fit: cover;


}
.item_button {
    background-image: linear-gradient(to right, #EB3349 0%, #F45C43 51%, #EB3349 100%);
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
    text-decoration: none;}
    

.item_button:hover {
    background-position: right center;
    
    color: #fff;
}   
.item_title {
padding:  5px 0;   
font-size: 22px;

}
.item_description {
font-size: 16px;
padding: 10px 10px;
}
.item:hover{
box-shadow:-5px 5px 5px 5px #EB3349;
transform: scale(1.1);
}