Слева от блока header появляется непонятный отступ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css\style.css" type="text/css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="css\normalize.css.css" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&family=Roboto+Mono:wght@500&display=swap" rel="stylesheet">
<title>Document</title>
</head>
<body>
<div class="header">
<a href="">Пособия</a>
<a href="">Обучение ЭКГ</a>
<a href="">Обо мне</a>
</div>
<div class="content">
<div class="firstBlock">
</div>
</div>
</body>
</html>
/* color: #d1e2cdaf; */
body {
background-color: #e5a8eb;
}
.header {
position: fixed;
height: 10%;
width: 500%;
background-color: #e7e1e1d7;
}
.header>a {
padding-right:1%;
padding-left: 0%;
font-size: 25px;
font-family: 'Roboto Mono', monospace;
text-decoration: none;
color:#000000;
margin-top: 2%;
}
.text {
position: relative;
}
.content {
position: relative;
top: 5%;
}
