body {
    background-color: hsl(0, 0%, 95%) !important;
    font-size: 15px !important;
}

div.container {
    display: flex;
    align-items: center;
    min-height: 100vh;
}

div.col1 {
    background-color: hsl(31, 77%, 52%);
    border-radius: 10px 0 0 10px;
}

@media screen and (max-width: 992px) {
    div.col1 {
        border-radius: 10px 10px 0 0 !important;
    }

    div.col3 {
        border-radius: 0 0 10px 10px !important;
    }
}

div.col2 {
    background-color: hsl(184, 100%, 22%);
}

div.col3 {
    background-color: hsl(179, 100%, 13%);
    border-radius: 0 10px 10px 0;
}

h1 {
    font-family: 'Big Shoulders Display', cursive !important;
}

p, button {
    font-family: 'Lexend Deca', sans-serif !important;
}

button {
    border: 3px solid white !important;
    border-radius: 50px !important;
}

button:hover {
    background-color: rgba(255, 255, 255, 0) !important;
    border: 3px solid white !important;
    color: white !important;
}