/*------------------------------------------------------------------------BACKGROUND COLOR--------------------------------------*/

body {
  height: 100vh;
  width: 100vw;
  background-color:#0B0C10;
  margin: 0rem;
}

body::-webkit-scrollbar {
  display: none;
}

/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: left;
  }
  .header-right {
    float: none;
  }
}

@media screen and (min-width: 700px) and (max-width: 1000px) {
    div {
        padding-right: 10vw; /* Corresponds to 10% of the viewport width */
    }
}