@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: url('./font/Quicksand-Medium.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./font/Quicksand-Medium.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */,
    url('./font/Quicksand-Medium.woff2') format('woff2') /* Super Modern Browsers */,
    url('./font/Quicksand-Medium.woff') format('woff') /* Modern Browsers */,
    url('./font/Quicksand-Medium.ttf') format('truetype') /* Safari, Android, iOS */;
    url('./font/Quicksand-Medium.svg#Quicksand-Medium') format('svg'); /* Legacy iOS */
}

/* Webfont: ThirtyNineStencil-Normal */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ThirtyNine-Stencil';
    src: url('./font/ThirtyNine-Stencil.woff') format('woff'), /* Modern Browsers */ url('./font/ThirtyNine-Stencil.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: bold;
}

/* abril-fatface-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: url('./font/abril-fatface-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./font/abril-fatface-v19-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

body {
    font-family: 'Quicksand', sans-serif;
    /*noinspection CssUnknownTarget*/
    background-image: url("/static/img/bg.jpg");
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    color: #606060;
    margin: 0;
    /*overflow: hidden;*/
    /*overscroll-behavior: none;*/
}

.hidden {
    display: none !important;
    opacity: 0 !important;
}

.noSelect {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.noSelect:focus {
    outline: none !important;
}

.noPointerEvents {
    pointer-events: none;
}

.title {
    text-align: center;
    line-height: 1;
}

.buttonContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 5vw;
    position: absolute;
    height: 40px;
    bottom: 3vh;
    padding: 0;
    left: 0;
    width: 100%;
}

.button {
    display: flex;
    font-size: 6vw;
    min-width: 15vw;
    height: fit-content;
    cursor: pointer;
    justify-content: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
    padding: 1vw 5vw;
    border-radius: 3vw;
    border: white 0.3vw solid;
    box-shadow: 0 0 0 0.3vw #f2dd65,
    inset 0 0 0 0.3vw #f2dd65,
    0 0 4vw hsla(46, 100%, 47%, 0.85),
    0 0 4vw hsla(46, 100%, 47%, 0.85),
    0 0 4vw hsla(46, 100%, 47%, 0.85),
    inset 0 0 4vw hsla(46, 100%, 47%, 0.85),
    inset 0 0 4vw hsla(46, 100%, 47%, 0.85),
    inset 0 0 4vw hsla(46, 100%, 47%, 0.85);
}

.button.btnSmall {
    font-size: 4.5vw;
}