@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{

 background-color: black;
 color: white;
  font-family: "Inter", sans-serif;
 
}
header{
display:flex;
justify-content: space-between;
align-items: center;


}
nav{
display:flex;
justify-content: space-between;
align-items: center;
gap: 60px;

}
a{

    color: white;
    -webkit-text-stroke: 1px red;
   
    font-size: 32px;
     font-family: "Inter", sans-serif;
     text-decoration: none;

}
.buttoms{
display:flex;
justify-content: space-between;
align-items: center;
gap: 60px;


}
.bunner{

display:flex;
justify-content: flex-start;
align-items: center;
gap: 60px;


}
.bunner-text{
background-color: #1E1B1B;
padding:200px;
display:flex;
justify-content: flex-start;
flex-direction: column;
align-items: flex-start;
gap: 60px;


}
h1 {
font-size: 64px;
font-weight: 900;


}
.bunner-button{
background-color: #FF6433;
padding: 20px;
border-radius: 12px;
 -webkit-text-stroke: 1px white;


}
h2{
text-align: center;
font-size: 44px;
-webkit-text-stroke: 1px red;


}
.catalog-list{
display:flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
gap: 60px;

}
.catalog__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 33px;
  width: 33%;







}
h3{
 font-size: 32px;
 font-weight: 900;

}
.price{
  color: red;
  font-size: 32px;
  font-weight: 700;
}
.footer-phone p{

font-size: 32px;
-webkit-text-stroke: 1px red;


}