stilark.css

.partiboks {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(150px, auto);
    background-color: lightcyan;
  }
.FrP {
    grid-column: 1;
    grid-row: 1;
  }
.H { 
    grid-column: 2;
    grid-row: 1;
  }
.V {
    grid-column: 3;
    grid-row: 1;
  }

  .KrF {
    grid-column: 4;
    grid-row: 1;
  }
.MDG {
    grid-column: 5;
    grid-row: 1;
  }
.SP {
    grid-column: 6;
    grid-row: 1;
  }
.A {
    grid-column: 7;
    grid-row: 1;
  }
.SV {
    grid-column: 8;
    grid-row: 1;
  }
.Rodt {
    grid-column: 9;
    grid-row: 1;
  }

  .PP {
    grid-column: 10;
    grid-row: 1;
  }

/* Mouseovereffekt  */
div > div > img {
      width:    5em;
  }

div > div > img:hover {
      transition: width 0.2s;
      width:    6em;
  }

#appboks {
  grid-row: 2;
  position: relative;
  top: 2rem;
  background-color:lightcoral;
} 

#appBoks > img {
  width: 30em;;
  border: 0.1em solid black;
  border-radius: 3em;
  margin-left: 3em;
  margin-top: 3em;
  }

.innprosent {
  width: 3em;
  }

.soyle_bb {
  background-color: darkblue;
  height: 2em;
  width: 10px;
  }

.soyle_rg {
  background-color: red;
  height: 2em;
  width: 10px;
  }