:root {
    --topRowBakgrunn: white; /*#424242;*/
    --bakgrunn: white; /*#424242;*/
    --ramme2: white;
    --forgrunn: black;
    --forgrunnText: white;
    --forgrunnOverskrift: white;
    --hvitForgrunn: white;
    --svartForgrunn: #424242;
    --morkBakgrunn: white; /*#424242;*/
    --lysBakgrunn: white;
    --hvitBakgrunn: white;
    --svartBakgrunn: black;
    --button: white;
    --buttonText: white;
    --buttonHover: #512dbf;
    --buttonHoverText: white;
    --buttonFrom: #6c757d;
    --buttonTo: #6a6e71;
    --buttonSlett: pink;
    --buttonSlettHover: red;
    --bakgrunnGra: rgb(128,128,128,0.05);
    --rammeGra: gray;
    --ramme: black;
    --strek: #512dbf;
    --borderBottom: orange;
    --tabellRamme: black;
    --bakgrunnHele: white#  /*424242;*/ 
    --buttonGraa: #6c757d;
    --rammeSvart: #000;
    --rammeHvit: #fff;
}

body {
    background-color: var(--bakgrunn);
    color: var(--forgrunn);
}

a {
    color: var(--forgrunn);
}

    a:visited {
        color: var(--forgrunn);
    }

.button_Liten {
    background-color: darkgreen;/*var(--buttonGraa);*/
    width: 100%;
    color: white; /*var(--svartForgrunn);*/
    border: 2px solid var(--ramme);
    border-radius: 8px;
    height: 45px;
    /*box-shadow: 3px 3px 8px rgba(128, 128, 128, 0.2);*/
    /*font-weight: bold;*/
    font-size: 1.2rem;
    text-align: center;
    margin-right: 10px;
}

    .button_Liten:hover {
        animation-name: byttButtonLitenFarge;
        animation-duration: 0.5s;
        animation-fill-mode: forwards;
        cursor: pointer;
        color: var(--buttonHoverText);
        /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
    }

    .button_Liten:focus {
        animation-name: byttButtonLitenFarge;
        animation-duration: 0.5s;
        animation-fill-mode: forwards;
        cursor: pointer;
        color: var(--buttonHoverText);
        /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
    }

@keyframes byttButtonLitenFarge {
    from {
        background-color: darkgreen; /*var(--buttonFrom);*/
        color: white; /*var(--buttonHoverText);*/
        /*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
    }

    to {
        background-color: lightgreen; /*var(--buttonTo);*/
        color: black; /*var(--buttonHoverText);*/
        border: thin solid black; /*var(--rammeHvit);*/
        /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
    }
}