body {
    margin: 0;
    background-color: aqua;
}

.main-game {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.genius {
    display: grid;
    grid-template-areas: 'blue green' 'yellow red';
    grid-gap: 5px;
    width: 500px;
    height: 500px;
    background-color: white;
    border: 1px solid white;
    border-radius: 100%;
}

.blue {
    background-color: blue;
    border-top-left-radius: 100%;
}

.green {
    background-color: green;
    border-bottom-left-radius: 100%;
}

.orange {
    background-color: orange;
    border-top-right-radius: 100%;
}

.red {
    background-color: red;
    border-bottom-right-radius: 100%;
}

table, td, tr {
    align-items: center;
    margin-left: 10px;
}

td {
    width: 100%;
    align-items: center;
}

.pointsCount {
    width: 100%;
    height: fit-content;
    margin: 0;
    text-align: center;
    font-size: 45px;
}

.pointsLabel {
    font-size: 45px;
}

.newGame {
    width: 100%;
    height: 50px;
}

.selected {
    opacity: 0.4;
}