*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

main > section {
    padding-top: 20px;
    justify-content: center;
    display: flex;
}

main > table {
    width: 100%;
    border: solid black 3px;
}

main > table >  tbody > tr > td {
    border: gray solid 3px;
    text-align: center;
}

main > table >  tbody > tr > th {
    border: solid black 3px;
    border-radius: 6px;
}


main > section > table {
    background-color: red;
    width: 700px;
    height: 700px;
}

main > section > table > tbody > tr > td {
    border-spacing: 0px;
}

main > section > table > tbody > tr > td.röd {
    background-color: red;
    border: none;
    width: 300px;
    height: 300px;

}

main > section > table > tbody > tr > td.gul {
    background-color: yellow;
    border: solid yellow;
    height: 100px;
    width: 100px;
    text-align: center; 
}

main > section > table > tbody > tr > td.rödstor {
    background-color: red;
    height: 300px;
    width: 450px;
    border: none;
}

span {
    color:red;
}