Почему мой div не достигает верхней части моей страницы?

Question

https://ibb.co/z5S7Kqh <- Здесь вы можете увидеть проблему. Мой фиксированный div Достигает полностью влево и вправо правильно, но есть пробел, где вы можете увидеть фон. вот код css ... </p>

body {
  font-family: "Arial";
  color: rgb(0, 255, 97);
  background-color: rgba(40, 40, 40);
  align-self: center;
  padding: 0;
  margin: 0;
}

.topBar {
  background-color: rgb(0, 0, 0);
  width: 100%;
  height: 15%;
  position: fixed;
  margin-top: 0;
}

#title {
  text-align: center;
  text-decoration: underline;
  text-shadow: -0.05em -0.05em rgb(40, 40, 40);
  font-size: 3em;
}

<div class="topBar">
  <h1 id="title" onclick="openTab('https://www.jfkairport.com/')">Jhon F. Kennedy international Airport - Real Time Air Tracking</h1>
</div>

(Не беспокойтесь о бите JFk Airport. Работает onclick и его функция JS.)

Answer 1

Попробуйте сбросить отступы и поля по умолчанию для всех элементов, добавив это в верхней части вашего css:

*, ::before, ::after{
    margin: 0;
    padding: 0;
}