@layer reset, base, components, utilities;

@import url("./reset.css") layer(reset);
@import url("./base.css") layer(base);
@import url("./components.css") layer(components);
@import url("./utilities.css") layer(utilities);

@layer main {
    i{
        font-size: 3rem;
    }
    #games{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
        gap: 1rem;
    }
    .games-container{
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    .game{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        padding: 1.5rem 3rem;
    }
}