@use './variables' as vars;

@font-face {
    font-family: easvhsregular;
    src: url('$lib/assets/fonts/easvhs/easvhs-webfont.woff2') format("woff2"), url('$lib/assets/fonts/easvhs/easvhs-webfont.woff') format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: minecraftia;
    src: url('$lib/assets/fonts/minecraft/minecraftia-webfont.woff2') format("woff2"), url('$lib/assets/fonts/minecraft/minecraftia-webfont.woff') format("woff");
}

* {
    margin: 0;
}

body {
    background-image: url('$lib/assets/img/bg.webp');
    background-size: 256px;

    color: #fefefe;

    font-family: minecraftia;

    /* display: flex;
    justify-content: center;
    width: 100%; */
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.imgwrap {
    display: flex;
    gap: 1em;
    align-items: center;
    justify-content: center;
}