* {
  margin: 0;
  font-family: Quicksand, sans-serif;
}

html,
body {
  overflow-y: auto;
  height: auto;
}

body, #background {
  background-color: #c2e5e9;
  overflow-x: hidden;
}

:root {
  --header-index: 999999;
  --loading-screen-index: 99999;
}


@font-face {
  font-family: 'Bebas Neue';
  src: url('../fonts/bebas_neue/bebasneue-regular.ttf') format('truetype-variations');
  font-weight: 100 900;
  /* full weight range */
  font-style: normal;
}


@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/quicksand/quicksand-variablefont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  /* full weight range */
  font-style: normal;
}


#background {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100vw;
  height: 100vh;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow-x: hidden;
}

@media (max-width: 769px) {
  #background {
    background-position-x: 20%;
  }
}

@media (min-width: 1080px) {
  #background {
    background-position-x: 20%;
  }
}




.mobile-fix-bg {
  display: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
  display: none;
}

/* For Firefox */
html {
  scrollbar-width: none;
  /* hides scrollbar but allows scrolling */

}

/* For IE & old Edge */
body {
  -ms-overflow-style: none;
}

input:-moz-autofill,
input:autofill {
  background-color: transparent !important;
}