.one-third-column {
    width: 33.3%;
    
    border-radius: 5px;
    box-sizing: border-box;
}

.one-half-row {
    border: 1px solid gray;
    height: 50%;
    border-radius: 5px;
}

.one-third-row {
    border: 1px solid gray;
    height: calc(100% / 3);
    border-radius: 5px;
}

.one-fourth-row {
    border: 1px solid gray;
    height: 25%;
    border-radius: 5px;
}

.one-fifth-row {
    border: 1px solid gray;
    height: 20%;
    border-radius: 5px;
}

.three-fifths-row {
    border: 1px solid gray;
    height: 60%;
    border-radius: 5px;
}

    .flex-vertical-space-between {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

.no-border {
    border: none;
}

.quadrant-title {
    font-size: 2.2rem;
    color: rgb(98, 74, 126);
    padding: 30px;
  }
  
.clickable-tile {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    background: none;
    transition: background 0.6s ease;
}
  
.clickable-tile:hover {
    background: rgb(252, 247, 222);
}