body {
    background-color: var(--bg);
}
td {
    color: var(--text);
}
table {
    width: 400px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
}

tr, td, table {
    border: 2px solid var(--text);
    border-collapse: collapse;
}

.bild1, .bild2 {
    width: 100%;
    height: 100%;
}
.red {
    background-color: red;
}
.long {
    width: 200px;
    height: 110px;
}
.down {
    height: 200px;
}
.green {
    background-color:chartreuse;
}
.skapad {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    text-align: center;
}

@media (max-width: 600px) {
    #logo {
        width: 25%;
    }
}