#main {
    display: inline-grid;
    align-items: center;
    justify-content: center;
    text-align: center;
    column-gap: 0px;
    grid-template-rows: 1;
    grid-template-columns: 33% 33% 33%;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.grid-column1 {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 1;
    height: 100%;
    background-color: lightcoral;
}

.grid-column2 {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 2;
    height: 100%;
    background-color: coral;
}

.grid-column3 {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 3;
    height: 100%;
    background-color: orange;
}

#mustad h1 {
    color: white;
}

#sinised h1 {
    color: white;
}

#varvilised h1 {
    color: white;
}

#mustad h1:hover {
    transition: 200ms;
    color: gray;
}

#sinised h1:hover {
    transition: 200ms;
    color: gray;
}

#varvilised h1:hover {
    transition: 200ms;
    color: gray;
}

#sinised h1 {
    color: white;
}

#varvilised h1 {
    color: white;
}

a:hover {
    text-decoration: none;
}