У меня есть страница с меню, задний фон - фотография. Я хочу сделать отступления меню сверху страницы, но когда задаю margin-top у меня не делается отступление меню сверху, а оно берет весь header и делает отступление с начала страницы. В чем моя ошибка ???
HTML
<header class="header">
<div lassc="menu">
<div><a href="#">PRICING</a></div>
<div><a href="#">SUPPORT</a></div>
<div><a href="#">ABOUT</a></div>
<div><a href="#">LOGIN</a></div>
<div><a href="#">SIGN IN</a></div>
</div>
</header>
CSS
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap');
*{
margin: 0;
padding: 0;
font-family: 'Raleway', sans-serif;
}
.header {
height: 939px;
background-image: url(./images/image.png);
}
.menu{
display: flex;
column-gap: 27px;
font-weight: bold;
width: 414px;
height: 31px;
margin-top: 35px;
}