@import url("colors.css");

@media (width >= 1268px)
{
    a:hover {
        border-radius: 1rem;
    }
    
    main {
        display: grid;
        column-gap:1rem;
        row-gap: 1rem;
        grid-template-columns: auto auto;
    }

    nav {
        display: flex;
        border-left: 0;
        border-right: 0;
        width: 100%;

        justify-content: center;
        align-items: center;
    }

    nav ul {
        display: flex;
        list-style-type: none;
        justify-content: center;
        align-items: center;	
    }

    nav ul li {
        width: 4rem;
        height: 2rem;
    }

    nav ul li a {
        width: 100%;
    }

    
    figure {
        display: block;
        margin: auto;
    }

}