* {
  box-sizing: border-box;
}
.clearfix {
  clear: both;
}
body {
  font-family: Arial, Helvetica, sans-serif;
}

/* Navbar styling - med floats */
.navbar {
  background: rgb(230, 177, 230);
  border-radius: 5px;
  overflow: auto;
}

.navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navbar li {
  float: left;
}

.navbar li a {
  display: block;
  color: white;
  text-decoration: none;
  padding: 20px;
}
.navbar li a:hover {
  background: rgb(230, 177, 230);
}

/* Navbar vha inline-block */
.navbar-ib {
  background: rgb(230, 177, 230);
  border-radius: 5px;
  margin-top: 20px;
}
.navbar-ib ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navbar-ib li {
  display: inline-block;
}
.navbar-ib li a {
  display: block;
  color: white;
  text-decoration: none;
  padding: 20px;
}
.navbar-ib li a:hover {
  /* border-radius: 5px; */

  background: rgb(230, 177, 230);
}
/* .navbar-ib li:first-child a:hover { */
/* Kode som sørger for riktig border-radius på 
første knapp i menyen */
#first-nav-button:hover {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: purple;
}

#second-nav-button:hover {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: purple;
}

#third-nav-button:hover {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: purple;
}

.navbar-ib li.mobile-menu {
  display: none;
  /* visibility: hidden */
}

.navbar-mobile {
  display: none;
  background: rgb(148, 208, 228);
}

.navbar-mobile ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

navbar-mobile li {
  border-bottom: 1 px dotted darkblue;
}

.navbar-mobile li a {
  display: block;
  padding: 20px;
  padding-left: 40px;
  color: white;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .navbar-mobile {
    display: block;
  }

  .navbar-ib li {
    display: none;
  }

  .navbar-ib li.mobile-menu {
    display: inline-block;
  }

  .navbar-ib {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}