styles.css

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('./styles/header.css');
@import url('./styles/landscape-alert.css');
@import url('./styles/menu.css');
@import url('./styles/ponteiro.css');
@import url('./styles/campo.css');
@font-face {
    font-family: 'Pixel Emulator';
    src: url('./fonts/pixel-emulator.ttf');
}

:root
{
    --gradiente-verde-background: linear-gradient(to right top, #4ebb34, #59c33e, #63cc48, #6ed451, #78dd5b, #7adf5d, #7ce05f, #7ee261, #79de5c, #74da58, #6ed653, #69d24e);
}

body
{
    font-family: 'Inter';
    background-image: var(--gradiente-verde-background);
    height: 100vh;
}

.principal
{
    height: 88%;
}

@media screen and (orientation: landscape) 
{
    .principal
    {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }    
}