body {
    background-color: rgb(241, 231, 173);
    color: rgb(30, 30, 56);
    font: Arial, Helvetica, sans-serif;
    font-size: 24px;
}

H1 {
    color: chocolate;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

img {
    width: 700px;
    clip-path: ellipse(50% 40%);
}

table,
th,
td {
    float: center;
    border: 2px solid;
    border-collapse: collapse;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    clear: both;
}

.right {
    float: left;
    padding: 8px 12px;
    margin-bottom: 10px;
    border-radius: 2px;
}



.fri {
    background-color: rgb(253, 222, 249);
}

.yrke {
    background-color: rgb(42, 165, 93);
}

.englesk {
    background-color: rgb(255, 180, 42);
}

.tekno {
    background-color: aquamarine;
}

.mate {
    background-color: rgb(113, 113, 231);
}

.pro {
    background-color: rgb(168, 109, 0);
}

.kropp {
    background-color: brown;
}

.natur {
    background-color: rgb(2, 112, 2);
}

.ko {
    background-color: crimson;
}