@font-face {
    font-family: lex;
    src: url(../fonts/LostsunsetRegular.otf);
}

@font-face {
    font-family: 'barcodetext';
    src: url('../fonts/LibreBarcode128Text-Regular.woff2') format('woff2'),
        url('../fonts/LibreBarcode128Text-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'spacemono';
    src: url('../fonts/SpaceMono-Regular.woff2') format('woff2'),
        url('../fonts/SpaceMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --BG: linear-gradient(to top left, #ff00bf 0%, #ffccf2 100%);
}

img {
    image-rendering: pixelated;
}

body {
    height: 100%;
    overflow: hidden;
    background-image: url(../img/starfield.gif);
    background-size: 100%;
    background-color: black;
    font-family: spacemono;
}

button {
    border: none;
    background-color: transparent;
    padding: 0;
}

.XButton {
    text-align: center;
    color: white;
    border: 2px solid white;
    border-radius: 2px;
    background-color: #ff4646;
    text-decoration: none;
    cursor: pointer;
    float: right;
}

#bottombar {
   float: bottom;
   position: fixed;
   bottom: 0px;
   left: 0px;
   background: var(--BG);
   width: 100%;
   height: 54px;
   border-top: 5px dashed #ffffff;
}