/* Main Menu */

#main_content h1 {
    color: var(--text_header_color);
    text-align: center;
    margin-bottom: 30px;
    display:block;

}
#main_content h2 {
    padding: 3px 10px;
    text-decoration: none;
    font-size: 27px;
    color: var(--text_containers);
    margin: 0 auto;
    background-color: var(--main_color);

}


#main_content nav {
    padding: 10px;
    display: grid;
    grid-template-columns: 2fr 2fr;
    gap: 10px;
    
}

#main_content nav>a {
    text-decoration: none;
    border: 3px solid var(--highlights_color);
    border-radius: 20px;
    text-align: center;
    width: auto;
    max-height: 176px;
    overflow: hidden;
    background-color: var(--highlights_color);

}
#main_content nav > a.pkmnhome {
    grid-column: 1 / -1;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    justify-self: center;
}

#main_content img{
    display:block;
    width: 100%;
    height: auto;

}

#main_content a:hover h2 {
    color: var(--main_color);
    background-color: var(--text_containers);

}