*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

main > table > tbody > tr > th{
    background-color: gray
}

main{
    min-height: 500px;
}

main > table{
    width: 100%;
}

main > table,
main > table > tbody > tr > th,
main > table > tbody > tr > td{
    border: black solid 5px;
    /* border-radius: 12px ; */
    border-collapse: collapse;
    text-align: center;
}

main > table > tbody > tr > td{
    background-color: whitesmoke;
}

span{
    color: red;
}

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;
    width: 100px;
    height: 100px;
    text-align: center;
}
main > section > table > tbody > tr > td.rödhöger{
    background-color: red;
    border: none;
    width: 450px;
    height: 300px;
    border: none;
}