body{
  padding: 0%;
  margin: 0%;
    background-color: rgb(33, 33, 46);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.top{
  background-color: rgb(60, 61, 87);
    border-width: 4px;
    border-style: solid;
    padding: 10px;
margin: 0%;
border: 5% solid rgb(60, 61, 87);
}


h1{
  color: white;
}

.grad{
background-color: rgb(85, 85, 112);
  border-width: 4px;
  border-style:solid;
  padding: 5px;
  border-color: rgb(85, 85, 112);
  float: left;
  margin: 5%;
  width: 270px;
  color: aliceblue;
margin-bottom: 10%;
}
#spoingus{
  border: 40px solid rgb(74, 70, 81);
  border-width: 10px;
  background-color: rgb(74, 70, 81);
  margin: 0%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
a{
color: rgb(255, 245, 208);
}

.knappene{
  border: solid 2px rgb(113, 113, 156);
  background-color: rgb(113, 113, 156);
  width: 75px;
  border-radius: 5%;
  padding: 2%;
  text-decoration: none;
}

.grad2{
  background-color: rgb(85, 85, 112);
    border-width: 4px;
    border-style:solid;
    padding: 5px;
    border-color: rgb(85, 85, 112);
    float: left;
    margin: 40%;
    margin-top: 10%;
    width: 500px;
    color: aliceblue;
    margin-left: 25%;
    border-radius: 2%;
  }

  #BBMidle{
    margin-left: 22%;

  }