/* src/styles.scss */
@font-face {
  font-family: "Airborne";
  src: url(/fonts/airborne_new.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --robotoflex-font: "Roboto Flex", sans-serif;
  --airborne-font: "Airborne", sans-serif;
  --black: #000000;
  --light-black: #222222;
  --black60: rgba(0, 0, 0, 0.6);
  --black70: rgba(0, 0, 0, 0.7);
  --white: #ffffff;
  --gold: #ffac33;
  --dark-gold: #a36f38;
  --gold-bottom-liner:
    linear-gradient(
      to bottom,
      #fed65e,
      #a86204);
  --gold-top-liner:
    linear-gradient(
      to top,
      #fed65e,
      #a86204);
  --light-grey: #9d9d9d;
  --grey: #727272;
  --dark-grey: #2e322e;
  --light-red: #ff5c5c;
  --red: #a82d2d;
  --bright-red: #fe0000;
  --red-top-liner:
    linear-gradient(
      to top,
      #ff5c5c,
      #421212);
  --red-bottom-liner:
    linear-gradient(
      to bottom,
      #ff5c5c,
      #421212);
  --red-dark-top-liner:
    linear-gradient(
      to top,
      #a82d2d,
      #421212);
  --red-dark-bottom-liner:
    linear-gradient(
      to bottom,
      #a82d2d,
      #421212);
  --green: #4a8148;
  --dim-green: #263e24;
  --dark-green: #041804;
  --gloomy-green: #152514;
  --ebony-green: #011004;
  --green-top-liner:
    linear-gradient(
      to top,
      #4a8148,
      #172615);
  --green-bottom-liner:
    linear-gradient(
      to bottom,
      #4a8148,
      #172615);
  --green-dark-top-liner:
    linear-gradient(
      to top,
      #263e24,
      #162514);
  --green-dark-bottom-liner:
    linear-gradient(
      to bottom,
      #263e24,
      #162514);
  --green-dark-left-liner:
    linear-gradient(
      to left,
      #21361f,
      #162514);
  --green-dark-right-liner:
    linear-gradient(
      to right,
      #21361f,
      #162514);
  --green-light-top-liner:
    linear-gradient(
      to top,
      #6ce65c,
      #263e24);
  --green-light-bottom-liner:
    linear-gradient(
      to bottom,
      #6ce65c,
      #263e24);
  --olive-light: #94b56b;
  --olive-light-top-liner:
    linear-gradient(
      to top,
      #94b56b,
      #414f2f);
  --olive-light-bottom-liner:
    linear-gradient(
      to bottom,
      #94b56b,
      #414f2f);
  --steel-light: #afcedb;
  --steel-light-top-liner:
    linear-gradient(
      to top,
      #afcedb,
      #5d6e75);
  --steel-light-bottom-liner:
    linear-gradient(
      to bottom,
      #afcedb,
      #5d6e75);
  --violet-medium: #a667ff;
  --violet-medium-top-liner:
    linear-gradient(
      to top,
      #a667ff,
      #643e99);
  --violet-medium-bottom-liner:
    linear-gradient(
      to bottom,
      #a667ff,
      #643e99);
  --color-white: #fff;
  --color-black: #000;
  --color-ebony-black: #011004;
  --color-light-black: #222222;
  --color-gold: #ffac33;
  --color-green: #4a8148;
  --color-superlight-green: #9cfd36;
  --color-shadow-green: #4d7e4b;
  --color-green-40: rgba(74, 145, 72, 0.4);
  --color-light-green: #3d4b3c;
  --color-black-green: #263f25;
  --color-dark-green: #041804;
  --color-darkest-green: #050c05;
  --color-red: #a82d2d;
  --color-bright-red: #fe0000;
  --color-light-red: #ff5c5c;
  --color-grey: #727272;
  --color-dark-grey: #2e322e;
  --color-light-grey: #9d9d9d;
  --gradient-grey-topLinear:
    linear-gradient(
      
      to top,
      #444d55 0%,
      #546069 39%,
      #839198 100% );
  --gradient-green-black-bottomLinear:
    linear-gradient(
      
      to bottom,
      #000000 0%,
      #4a8148 50%,
      #000000 100% );
  --gradient-green-black-topLinear:
    linear-gradient(
      
      to bottom,
      #4a8148 0%,
      #000000 100% );
  --gradient-green-darkest-topLinear:
    linear-gradient(
      to top,
      #050c05,
      #263f25);
  --gradient-green-darkest-bottomLinear:
    linear-gradient(
      
      to bottom,
      #050c05,
      #263f25 );
  --gradient-green-darkest-180Linear:
    linear-gradient(
      
      180deg,
      #263f25 0%,
      #050c05 100% );
  --gradient-green-darkest-135Linear:
    linear-gradient(
      
      135deg,
      #050c05 0%,
      #263f25 100% );
  --gradient-green-darkest-rightLinear:
    linear-gradient(
      
      to right,
      #050c05,
      #263f25 );
  --gradient-green-darkest-leftLinear:
    linear-gradient(
      
      to left,
      #050c05,
      #263f25 );
  --gradient-green-dusky-rightLinear:
    linear-gradient(
      
      to right,
      #090909,
      #263f25 );
  --gradient-green-dusky-bottomLinear:
    linear-gradient(
      
      to bottom,
      #090909,
      #263f25 );
  --gradient-green-dark-180Linear:
    linear-gradient(
      
      180deg,
      #263f25 0%,
      #11250f 100% );
  --gradient-green-dark-90Linear:
    linear-gradient(
      
      90deg,
      #263f25 0%,
      #11250f 100% );
  --gradient-green-dark-topLinear:
    linear-gradient(
      
      to top,
      #263f25 0%,
      #11250f 100% );
  --gradient-green-dark-leftLinear:
    linear-gradient(
      
      to left,
      #263f25 0%,
      #11250f 100% );
  --gradient-green-dark-rightLinear:
    linear-gradient(
      
      to right,
      #263f25 0%,
      #11250f 100% );
  --gradient-green-black-rightLinear:
    linear-gradient(
      
      to right,
      #041804 0%,
      #134210 100% );
  --gradient-green-dim-rightLinear:
    linear-gradient(
      to right,
      #050c05,
      #263f25);
  --gradient-green-circleRadial:
    radial-gradient(
      
      circle,
      #4a8148 0%,
      #0c3814 100% );
  --gradient-green-light-circleRadial:
    radial-gradient(
      
      circle,
      #4a8148,
      #30432f );
  --gradient-green-ellipseLeftRadial:
    radial-gradient(
      
      ellipse farthest-corner at left center,
      #4a8148 0%,
      #4a8148 100% );
  --gradient-green-ellipseRightRadial:
    radial-gradient(
      
      ellipse farthest-corner at right center,
      #0c3814 0%,
      #0c3814 100% );
  --gradient-green-darkest-circleRadial:
    radial-gradient(
      
      circle,
      #050c05 0%,
      #111d10 0%,
      #263f25 100% );
  --gradient-gold-90Linear:
    linear-gradient(
      90deg,
      #fed65e 0%,
      #a86204 100%);
  --gradient-gold-180Linear:
    linear-gradient(
      180deg,
      #fed65e 0%,
      #a86204 100%);
  --gradient-gold-bottom:
    linear-gradient(
      to bottom,
      #fedf6e,
      #a86204);
  --gradient-gold-top:
    linear-gradient(
      to top,
      #fedf6e,
      #a86204);
  --gradient-gold-left:
    linear-gradient(
      to left,
      #fedf6e,
      #a86204);
  --gradient-gold-right:
    linear-gradient(
      to right,
      #fedf6e,
      #a86204);
  font-family: var(--robotoflex-font);
  --gradient-gold-circleRadial:
    radial-gradient(
      
      circle,
      #fedf6e 0%,
      #a86204 100% );
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  background-color: var(--green);
}
button {
  -webkit-tap-highlight-color: transparent;
}

/* angular:styles/global:styles */