/*Basic 3 Column Format*/

.three_column_container{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(1, 1fr);
    background-color: var(--base-color);
    min-height: 500px;
}
.left_column{
    display: block;
    position: relative;
    font-size: 17px;
    grid-column: 0/1;
    padding: 10px;
    background-color: var(--subsection-background);
    text-align: center;
    
}
.left_column a {
    display: block;
    text-decoration: none;
    color: var(--text-color);
    font-size: 18px;
    background-color: hsl(72, 34%, 38%);
    padding: 5px;
    border-radius: 10px;
    width: 75%;
    margin: auto;
    transition: border-radius 0.2s;
}
.left_column a:hover {
    background-color: hsl(31, 62%, 62%);
    color: hsl(41, 88%, 90%);
    border-radius: 15px;
}
.mid_column{
    display: block;
    grid-column: 2/5;
    padding: 10px;
}
.right_column{
    display: block;
    grid-column: 5/6;
    padding: 10px;
    background-color: var(--subsection-background);
}