body {
  overflow-x: hidden;
}

body nav {
  position: absolute;
  top: -1rem;
  left: -1rem;
  width: 100vw;
  height: 10vh;
  background: gray;
}

body nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

body nav ul > li {
  list-style-type: none;
  width: 15vw;
}

body nav ul > li > a {
  color: #ffffff;
  background: black;
  padding: 1rem;
}

body nav ul > li > a:link, body nav ul > li > a:visited {
  color: #ffffff;
}

body nav ul > li > a:hover {
  color: #48ff00;
  background: #ff0077;
  border: yellow dotted 1rem;
}

body nav ul > li > a:active {
  color: #ff0000;
  background-color: #3e4d00;
}

body nav ul > li > a:focus {
  border: white 1rem solid;
}

body form {
  background: lightsalmon;
  padding: 1rem;
}

body form input {
  padding: 1rem;
}
/*# sourceMappingURL=style_uppgift3.css.map */