body {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-image: url("../Images/Camo2.png");
    padding-bottom: 100px;

}

@keyframes fun {
    0% {
        color: rgb(255, 0, 0);
    }

    20% {
        color: rgb(255, 221, 0);
    }

    40% {
        color: rgb(60, 255, 0);
    }

    60% {
        color: rgb(0, 255, 208);
    }

    80% {
        color: rgb(0, 72, 255);
    }

    100% {
        color: rgb(255, 0, 255);
    }
}

@keyframes notFun {
    0% {
        font-size: initial;
    }

    50% {
        font-size: 300%;
        rotate: 180deg;
    }

    100% {
        font-size: 100%;
        rotate: 360deg;
    }
}

.fun {
    animation: fun 2s infinite;
}

li,
dd,
dt {
    background: inherit;
    border: inherit;
}

h1,
h2,
h3,
ol,
ul,
dl,
p,
.border {
    padding: 10px;
    background-color: darkgreen;
    background-size: 10px;
    border-style: solid;
    border-width: 3px;
    border-color: black;
    width: max-content;
}

fieldset,
legend {
    padding: 3px;
    background-color: darkgreen;
    background-size: 10px;
    border-style: solid;
    border-width: 3px;
    border-color: black;
    width: max-content;
    animation: notFun 2s infinite;
}

fieldset:hover {
    animation: notFun 2s infinite;
}


ul>li,
ul>dd,
ul>dt,
dl>li,
dl>dd,
dl>dt,
ol>li,
ol>dd,
ol>dt {
    border: 0px solid black;
}

h1 {
    font-size: 48px;
}

.small {
    font-size: 12px;
}

.big {
    font-size: 24px;
    font-weight: bold;
}

.bigger {
    font-size: 36px;
    font-weight: bold;
}

.centered {
    width: 220px;
    text-align: center;
}

img {
    padding-left: 10px;
    width: 45dvw;
}

/* Inställningar för tabellen i helhet */
table {
    table-layout: fixed;
    width: 800px;
    /*tabellens bredd*/
    border-collapse: collapse;
    /*rutnät för tabellen*/
    text-align: center;
    /*centrerad text*/
    /*svart textfärg*/
}

/*Inställningar specifikt för tabellrubriker och tabelldata*/
th,
td {
    padding: 15px;
    /*cellerna fylls ut med ett tomrum på 15px*/
    border: 2px solid black;
    /*cellerna får en 2px bred svart ramlinje*/
}

/*Inställningar för tabellhuvud och tabellfot*/
thead,
tfoot {
    background-color: rgb(16, 76, 27);
    /*bakgrundsfärg*/
    /*textfärg*/
}

/*Inställningar för udda tabellrader (rad 1, 3, 5 osv.) inuti tabellkroppen*/
tbody tr:nth-child(odd) {
    background-color: rgb(14, 111, 45);
    /*bakgrundsfärg*/
}

/*Inställningar för jämna tabellrader (rad 2, 4, 6 osv.) inuti tabellkroppen*/
tbody tr:nth-child(even) {
    background-color: rgb(13, 141, 23);
    /*bakgrundsfärg*/
}