.row {
    background-color: #e6c3c3;
    display: flex;
}

.left {
    flex: 1;
    flex-grow: 1;
    padding-bottom: 5px;
    background-color: white;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    max-height: fit-content;
}

.right {
    flex: 2;
    flex-grow: 3;
    padding-bottom: 5px;
    margin-top: 15px;
}

.left a {
    display: flex;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    justify-content: center;
    font-size: larger;
    text-decoration: none;
    color: black;
}

.left a:hover {
    background-color: #d9d4d4;
}

@media only screen and (max-width:600px)
{
    .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}