body {
    background-image:  url("img/terningskast.jpg");
}
.meny{

    align-items: center;

}


.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 22%;
    float: center;
  }

  body {
    background-color: lightslategray;
    width: 88%;
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
}

  .prosjektfarge {
    display: block;
    float: left;
    width: 15%;
    background-color: #ffa500;
    height: 1000;
  }

  header, section, footer {
    border: 1px solid ;
    padding: 10px;
    margin: 10px;
    text-align: center;
    background-color: steelblue;
  }

  .section1 {
    background-color: steelblue;
  }
  
  .middle {
    display: flex;
    justify-content: space-around;
  }
  .middle section {
    width: 30%;
  }

  .iBunnen {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
 }

 article {
  background-color: lightslategray;
  border: 5px black;
  align-items: center;
 }

 .h1pro {
  text-align: center;
  margin: 15px;
 }

table {
  background-color: steelblue;
}


body{
  width: 80%;
  margin: auto;
  background-color: #D3D3D3;
  font-family: Arial, sans-serif;
} 

nav {
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: center;
  border: 2px solid black;
}

svar {
    font-size: large;
}


#svar1 {
    background-color: rgb(30, 124, 218);
 
}
#svar2 {
  background-color: rgb(30, 124, 218);
}

#svar3 {
  background-color: rgb(30, 124, 218);
}

#svar4 {
    background-color: rgb(30, 124, 218);
}

#svar5 {
    background-color: rgb(30, 124, 218);
}

#svar6 {
  background-color: rgb(30, 124, 218);
}

#svar1,  #svar2, #svar3, #svar4, #svar5, #svar6 {
  margin: 10px;
  padding: 10px;
  float: left;
  width: 200px;
  height: 100px;
  border: 2px solid black;
}