Смотрите, у меня есть код, я уже устал пересоздавать код, у меня не нажимается в поле ввода input[type="text"], помогите пожалуйста
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<link rel="icon" src="img/logo autothere.png">
<link rel="stylesheet" href="style.css">
<title>Альянс-Авто</title>
</head>
<body>
<!--Контакты с формой fixed, чтобы шли за пользователем наверху-->
<header>
<div class="contacs">
<div class="contacsContent">
<ul class="contacsContentList">
<li class="contacsContentListPhone"><span>+7 (988) 272-77-77</span></li>
<li class="contacsContentListEmail><span>autoallians@gmail.com</span></li>
<li class="contacsContentListStreet"><span>г. Какой-то, ул.Какая-то</span></li>
</ul>
</div>
</div>
</header>
<!--Логотип в одной строке с поисковиком и корзиной для покупки-->
<div class="main">
<div class="mainContent">
<div class="mainContentLogo">
<img src="img/logo in autothere.png" alt=""></div>
</div>
<div class="mainContentSearch">
<input type="text" placeholder="Поиск по товарам">
<button type="submit"><img src="img/magnifier.png" alt=""></button>
</div>
</div>
</body>
</html>
*{
margin: 0;
padding: 0;
font-size: 16px;
text-decoration: none;
list-style-type: none;
}
body{
box-sizing: content-box;
background-color: #ccc;
}
header{
position: fixed;
width: 100%;
height: 100%;
z-index: 999;
}
.contacs{
background-color: #3e3e3e;
padding: 10px 0;
}
.contacsContentList{
display: flex;
justify-content: center;
}
.contacsContentList li{
display: flex;
align-items: center;
padding: 0 55px;
}
.contacsContentList li span{
font-size: 14px;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
color: #fff;
padding: 0 10px;
}
.contacsContentList svg{
border: 3px solid #ffe500;
border-radius: 50%;
padding: 5px;
transition: all 0.5s ease;
}
.contacsContentList svg:hover{
box-shadow: 0 0 15px 0 #ffe500;
}
.main{
padding-top: 50px;
}
.mainContentLogo img{
position: relative;
width: 250px;
}
Простой
Простой