@import "/public/node_modules/bootstrap-icons/font/bootstrap-icons.css";
@import "/public/node_modules/bootstrap/dist/css/bootstrap.min.css";
@import "/public/node_modules/@fontsource/roboto-condensed/700.css";
@import "/public/node_modules/@fontsource/roboto-condensed/400.css";
@import "/public/node_modules/@fontsource/roboto-condensed/300.css";
@import "/public/node_modules/sweetalert2/dist/sweetalert2.min.css";

@import "/public/components/admin-sign-in/AdminSignIn.css";

html, body {
    min-height: 100vh;
    width: 100vw;
    overflow-x: hidden;
    scroll-behavior: smooth;
    transition: font-size .3s ease-in-out;
    font-family: 'Roboto Condensed', serif;
    background-color: #ffffff;
    display: grid;
    grid-template-rows: max-content auto;
    grid-auto-columns: auto;
}

body > header {
    font-weight: bold;
    color: #5775b0;
    font-size: calc(1.5rem + (100vw * 0.01));
    padding: 1rem;
    text-transform: uppercase;
}

body > main {
    display: flex;
    justify-content: center;
    align-items: center;
}