@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Protest+Strike&family=Rubik+Mono+One&family=Space+Grotesk:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Protest+Strike&family=Rubik+Mono+One&family=Scada:ital,wght@0,400;0,700;1,400;1,700&family=Space+Grotesk:wght@300..700&display=swap');

@font-face {
    font-family: "Comic_Sans";
    src: url(fonts/Comic_Sans_MS.ttf);
}

.background-selected::selection,
.background-selected span::selection,
.background-selected b::selection {
    color: #000000;
    background-color: rgb(96, 236, 255);
}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
}

body {
    min-height: 100vh;
    background: rgb(20, 20, 20);
    background: radial-gradient(circle, rgb(4, 73, 50) 0%, rgba(34, 60, 53, 1) 10%, rgb(20, 20, 20) 100%);
    background-size: contain;
    background-repeat: no-repeat;
}

header {
    padding: 1% 2%;
}

header .logo {
    height: 8vh;
}

@media (max-width: 900px) {
    header .logo {
        height: 6vh;
    }

    body {
        min-height: 93vh;
    }
}