.knappar {
    display: flex;                  /* tillåter diven att "flexa" dvs anpassa sig utifrån skärmstorlek osv med placering av element i diven vertikalt/horisontellt */
    flex-wrap: wrap;                /* knapparna ska kunna hamna på flera rader om det behövs */
    text-align: center;             /* texten centreras */
    width: 70vw;                    /* bestämd bredd på diven */
    height: 10vh;                   /* besämd höjd på diven */
    margin: auto;                   /* placering mitt på sidan horisontellt - marginaler automatiskt */
}

.knapp {
    flex-direction: row;			/* att allt ska placeras intill  varandra på rad */
    flex: 10%;                      /* varje knapp tar 10% av sidans bredd */
    width: 15%;
    height: 50px;
    background-color: lightskyblue;
    margin: 0.5vw;
    align-content: center;          /* placerar texten mitt i vertikalt */
    border-style: solid;
    border-radius: 10%;
}

.knapp a {
    color: blue;
    font-weight: bold;
}

/* Responsivt - på mindre enhet - knapparna hamnar under varandra, tar större plats */
@media (max-width: 800px) {
    .knappar .knapp {
      flex: 100%;
    }
}