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);
    }
    #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);
    }
    h1{
      color: white;
    }
    
    .knappene{
      border: solid 2px rgb(113, 113, 156);
      background-color: rgb(113, 113, 156);
      width: 75px;
      border-radius: 5%;
      padding: 2%;
      text-decoration: none;
    }
    



.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
.tg{
    margin: 1%;
    border: 5px black solid;
}
#eng{
    background-color: rgb(53, 47, 231);
}
#yff{
    background-color: rgb(255, 0, 183);
}
#natur{
 background-color: rgb(228, 71, 71);
}
#kp{
    background-color: rgb(165, 214, 255);
}
#math{
    background-color: purple;
    color: white;
}
#gym{
    background-color: rgb(177, 177, 177);
}
#tf{
    background-color: rgb(246, 246, 192);
}
#ph{
    background-color: orange;
}
#f{
 background-color: lightgreen;
}
#imgclass{
margin-left: 5%;
}

#classempty{
    background-color: aliceblue;
}

#timeplansen{
    color: aliceblue;
}