.center {
    text-align: center;
}

.knappar {
    display: flex;
    justify-content: space-around;
    flex-grow: 1;
    flex-direction: column;			    /* att allt ska placeras under varandra: kollumn */
    align-items: center; /* horisontellt centrerad */
    margin-top: 2vh;
}

.knapp {
    background-color: lightblue;
    width: 50vw;                        /* bestämd bredd på diven: 50% av viewportens bredd */
    height: 10vh;                       /* bestämd höjd på diven: 10% av viewportens höjd */
    display: flex;                      /* tillåter diven att "flexa" dvs anpassa sig utifrån skärmstorlek osv med placering av element i diven vertikalt/horisontellt */
    justify-content: center;            /* placerar texten mitt i vertikalt */
    align-items: center;              /* placerar texten mitt i  horisonellt */
    font-size: 5vh;                     /* storlek på texten - anpassar sig till 5% av viewportens höjd */  
    margin-bottom: 5vh;                 /* avstånd mellan knapparna - avstånd nedåt */
}