@keyframes test { from { filter:hue-rotate(0); } to { filter:hue-rotate(360deg); } } a{ text-decoration: none; color: inherit; } ul{ margin: 0; padding: 0; list-style: none; } body{ font-family: 'Inter', sans-serif; font-size: 14px; line-height: 18px; font-weight: 400; } .header{ background-color: #0a0a0a; padding: 15px 0 15px; font-size: 24px; line-height: 29px; color: aliceblue; } .container{ max-width: 1800px; margin: 0 auto; padding: 0 15px; } .nav{ display: flex; justify-content: space-between; align-items: center; } .menu{ display: flex; text-align: center; } .phone{ text-align: right; } .menu-item{ padding-right: 30px; } .menu-item:hover, .phone:hover, .up-button:hover, .down-button:hover{ color: red; transition: 450ms; } .headline-pc-img{ max-width: 300px; max-height: 300px; animation-name: test; animation-duration: 6000ms; animation-iteration-count: infinite; } .headline{ background-image: linear-gradient(hsla(0, 0%, 0%, 0.664), #0a009c48), url("/img/bg.jpg"); background-size: cover; text-align: center; padding: 20px; } .title{ text-transform: uppercase; margin: 0 0 20px; color: aliceblue; font-weight: 700; font-size: 32px; line-height: 77px; } .up-button, .down-button{ background-color: rgba(28,28,28,0); color:aliceblue; font-size: 24px; } .headline-btn{ margin: 25px 0 0 0; display: inline-block; font-weight: 700; font-size: 24px; line-height: 29px; text-transform: uppercase; color: #fff; background-color: red; padding: 20px 120px 20px; border-radius: 30px; } .headline-btn:hover{ color: rgb(255,0,0); background-color: white; transition: 450ms; } .headline-p{ font-size: 18px; padding-left: 5px; margin: 2px; color: aliceblue; } .logo-img{ filter: invert(42%) sepia(93%) saturate(0%) hue-rotate(87deg) brightness(119%) contrast(119%); width: 50px; height: 50px; padding-right: 30px; text-align: left; } .catalog-btn{ margin: 5px 0 0 0; display: inline-block; font-weight: 100; font-size: 12px; line-height: 10px; text-transform: uppercase; color: #fff; background-color: rgb(255,0,0); padding: 10px 60px 10px; border-radius: 30px; } .catalog-btn:hover{ transition: 350ms; background-color: rgb(177, 0, 0); }