@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
}

:root {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;

    --primary: #00bcff;
    --secondary: #57ff90;

    --background: #05080d;
    --surface: #0a1018;
    --text: #f4f7fa;
    --muted: #8995a3;

    background: var(--background);
    color: var(--text);
    font-family: "Google Sans", sans-serif;
}

html,
body {
    min-height: 100%;
}

body {
    min-height: 100vh;
    background: var(--background);
}

a {
    color: inherit;
    text-decoration: none;
}

::selection {
    background: rgba(0, 188, 255, 0.3);
    color: #ffffff;
}

@media (max-width: 768px), (pointer: coarse) {
    html {
        height: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    body {
        height: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

.google-sans-thin {
    font-family: "Google Sans", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.google-sans-light {
    font-family: "Google Sans", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.google-sans-regular {
    font-family: "Google Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.google-sans-bold {
    font-family: "Google Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.google-sans-black {
    font-family: "Google Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
}