<link rel="stylesheet" href="css/main.css">
@font-face {
font-family: "SegoeWP";
src: url("../fonts/Segoe WP/ofont.ru_Segoe WP.eot");
src: url("../fonts/Segoe WP/ofont.ru_Segoe WP.eot?#iefix") format("embedded-opentype"),
url("../fonts/Segoe WP/ofont.ru_Segoe WP.woff") format("woof"),
url("../fonts/Segoe WP/ofont.ru_Segoe WP.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
body {
font-family: SegoeWP;
}
у тебя класс menu 2 раза в html, да и вообще кучу ненужных свойств в css
menu. класс не правильно написан, в css из-за невнимательности.
.menu{
удали все и поставь
display: flex; (и по изучай так же)
}
И там ещё realitve убери 10px у .menu li если будет наезжать фон на меню.
И тогда будет работать. = я проверил.
Читай статьи и смотри видео на тему backround, а то странно почти все вопросы на эту тему.
Там ничего сложного нету.