@font-face {
  font-family: 'Poppins';
  src: url(../fonts/Poppins/Poppins-Medium.ttf);
}

body
p,
h1,
h2,
h3,
h4,
h5,
a,
span {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #333;
}

#navbar {
  visibility: hidden;
  transition: opacity 0.2s ease,
              visibility 0.5s ease,
              top 0.5s ease;
  opacity: 0;
  top: -100px;
}

#navbar.scrolled {
  opacity: 1;
  visibility: visible;
  top: 0px;
}

#navbarend {
  visibility:visible;
  transition: opacity 0.2s ease,
              visibility 0.5s ease,
              top 0.5s ease;
  opacity: 1;
  top: 0;
}

#navbarend.scrolled {
  opacity: 0;
  visibility: hidden;
  top: -100px;
}