nav {
    text-align: center;
    background-color: rgba(110, 173, 231, 0.5);
    color: white;
    width: 100%;
    left: 0;
    top: 0;
    height: 40px;
    position: fixed;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

nav a {
    color: white;
    font-size: 2em;
    text-decoration: none;
    margin-right: 1%;
    white-space: nowrap;
    
    padding-left: 10px;
}


@media (max-width: 1000px) {
  nav a {
    font-size: 1em;
  }
}

@media (max-width: 1000px) and (min-height: 1080px) {
  nav a {
    font-size: 2em;
  }
}

nav a:hover, a:active {
    color: hsl(200, 1%, 48%);
}

.body_style {
  margin-top: 40px;
}

body {
  font-family: 'Roboto', sans-serif;
  background: url('../img/background.jpg') no-repeat;;
  background-size: cover;
  background-attachment: fixed;
  background-position: bottom;
  justify-content: center;
}