/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/ui/globals.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-lightblue: #5fd0f4;
  --color-red: #cc0000;
  --color-light-red: #fbc9ba;
  --color-dark: #222;
  --color-lightgray: #f0f0f0;
  --color-gray-beta: #bfbfbf;
  --color-gray-gamma: #eaeaea;
  --color-blue: #0cb7ee;
  /* Phase 2 game accents */
  --color-start-yellow: #f3eb4b;
  --color-politics-pink: #e73b9e;
  /* PESTEL factor accents (Phase 2, screens 2.x). Edit these tokens,
     not the JSON — colors referenced by CSS var in data/pestel.json. */
  --color-ecological-green: #4bd16a;
  --color-legal-purple: #9a67ea;
}

@media (prefers-color-scheme: dark) {
  :root {
  }
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
  font-family: var(--font-avenir-next);
}

html.scroll-lock,body.scroll-lock {
    overflow: hidden;
  }

body {
  background-image: url("/bg-clouds.png");
  background-position-x: 0;
  background-position-y: 80px;
  background-size: cover;
  background-repeat: repeat-x;
  color: var(--color-dark);
  font-weight: 400;
  font-style: normal;
  margin: 0;
  line-height: 1.3;
  font-size: 16px;
  -webkit-animation-name: move-bg;
       -o-animation-name: move-bg;
          animation-name: move-bg;
  -webkit-animation-duration: 90s;
       -o-animation-duration: 90s;
          animation-duration: 90s;
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
}

@media (min-width: 1024px) {

body {
    height: 100vh;
}
  }

a {
  color: inherit;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

p {
  line-height: 1.6;
  margin: 0 0 1.5em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-avenir-next);
  font-weight: 700;
  margin: 0 0 1em 0;
  line-height: 1.36;
  font-size: 18px;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 20px;
}

img,
figure,
video,
svg {
  max-width: 100%;
  height: auto;
}

button {
  cursor: pointer;
  border: 0;
  font-family: var(--font-avenir-next);
  color: #000;
}

input,
textarea {
  font-family: var(--font-avenir-next);
}

.button {
  font-weight: 600;
  color: #000;
  font-size: 20px;
  background: var(--color-lightblue);
  border: 0;
  padding: 8px 25px;
  cursor: pointer;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

.show-recaptcha-badge .grecaptcha-badge {
    /* visibility: visible !important; */
  }

/* Animations */
@-webkit-keyframes move-bg {
  from {
    background-position-x: 100%;
  }

  to {
    background-position-x: 0%;
  }
}
@-o-keyframes move-bg {
  from {
    background-position-x: 100%;
  }

  to {
    background-position-x: 0%;
  }
}
@keyframes move-bg {
  from {
    background-position-x: 100%;
  }

  to {
    background-position-x: 0%;
  }
}

@-webkit-keyframes bounce-out-bottom {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
}

@-o-keyframes bounce-out-bottom {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  30% {
    opacity: 1;
    -o-transform: translateY(-10px);
       transform: translateY(-10px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(100px);
       transform: translateY(100px);
  }
}

@keyframes bounce-out-bottom {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
         -o-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100px);
         -o-transform: translateY(100px);
            transform: translateY(100px);
  }
}

@-webkit-keyframes bounce-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-o-keyframes bounce-in-bottom {
  0% {
    opacity: 0;
    -o-transform: translateY(100px);
       transform: translateY(100px);
  }
  70% {
    opacity: 1;
    -o-transform: translateY(-10px);
       transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
       transform: translateY(0);
  }
}

@keyframes bounce-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
         -o-transform: translateY(100px);
            transform: translateY(100px);
  }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
         -o-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes bounce-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  70% {
    opacity: 1;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-o-keyframes bounce-in-right {
  0% {
    opacity: 0;
    -o-transform: translateX(100px);
       transform: translateX(100px);
  }
  70% {
    opacity: 1;
    -o-transform: translateX(-10px);
       transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
       transform: translateX(0);
  }
}

@keyframes bounce-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
         -o-transform: translateX(100px);
            transform: translateX(100px);
  }
  70% {
    opacity: 1;
    -webkit-transform: translateX(-10px);
         -o-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"variable":"--font-avenir-next","src":[{"path":"./../public/fonts/AvenirNextLight.woff2","weight":"300","style":"normal"},{"path":"./../public/fonts/AvenirNextRegular.woff2","weight":"400","style":"normal"},{"path":"./../public/fonts/AvenirNextMedium.woff2","weight":"500","style":"normal"},{"path":"./../public/fonts/AvenirNextDemi.woff2","weight":"600","style":"normal"},{"path":"./../public/fonts/AvenirNextBold.woff2","weight":"700","style":"normal"}]}],"variableName":"fontAvenirNext"} ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'fontAvenirNext';
src: url(/_next/static/media/e56331cb36bdd579-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'fontAvenirNext';
src: url(/_next/static/media/6af65b6835d633f3-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'fontAvenirNext';
src: url(/_next/static/media/334aa3e67d30ff1d-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: 'fontAvenirNext';
src: url(/_next/static/media/15f0cb144714f054-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'fontAvenirNext';
src: url(/_next/static/media/d63f196b846013fe-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 700;
font-style: normal;
}@font-face {font-family: 'fontAvenirNext Fallback';src: local("Arial");ascent-override: 95.02%;descent-override: 24.29%;line-gap-override: 0.00%;size-adjust: 102.92%
}.__className_0e202f {font-family: 'fontAvenirNext', 'fontAvenirNext Fallback'
}.__variable_0e202f {--font-avenir-next: 'fontAvenirNext', 'fontAvenirNext Fallback'
}