«Пробел» создан за липкой панелью навигации, и я не могу найти способ его удалить. ⇐ CSS

[Anonymous]

Я создаю для себя веб-сайт-портфолио, и одной из вещей, которые я добавил, была прикрепленная панель навигации, но проблема в том, что когда я ее добавил, позади нее образовалось «пространство», и с этим «пространством» будучи созданным, он не позволяет мне использовать карусель, которая у меня есть в качестве фона. Панель навигации работает как надо, но если я перейду вниз по странице, «пробел» просто останется там, и я не смогу найти обходной путь. Я видел несколько сообщений о людях, у которых была такая же проблема, как у меня, я попробовал предложенные решения, но ни одно из них, похоже, не работает. Я использую Html и Css с некоторой загрузкой, потому что я новичок в программировании. Я был бы признателен, если бы какое-либо из предоставленных решений не использовало Javascript. Пространство за панелью навигации, которое я пытаюсь удалить (красноватый цвет)
Я пытаюсь установить положение панели навигации на top:0, изменение карусели на Position:absolute, изменение свойств ширины, прозрачности и плавающей панели навигации, но, похоже, ничего не работает, как я упоминал выше.
Index.html:





Flokki's Portfolio
[*]










FlokkiFur

• HOME
• PORTFOLIO
• ABOUT ME
• CONTACT

Styles.css:
*{
padding: 0;
margin: 0;
box-sizing: border-box;
}

body {
background-color: #8b5656;
}

.navbar {
--margin: 40px;
background-color: rgba(255, 255, 255, 0.5);
position: sticky;
top: 0;
width: calc(100vw - 2 * var(--margin));
z-index: 1000;
border-radius: 80px;
margin-left: var(--margin);
margin-right: var(--margin);
padding: 12px 24px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.carouselslide{
width: 100%;
height: 700px;
overflow: hidden;
position: relative;
top: 0;
}

.carouselslide img {
filter: blur(8px);
filter:brightness(0.3);
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... -remove-it