:root {
  --color-secondary: #1b2838;
  --color-text2: #8f98a0;
  --color-gray: #8f98a0;
  --color-gray-primary: #8f98a0;
  --color-gray-secondary: #171a21;
  --color-grey-dark: #2a475e;
  --color-gray-dark: #2a475e;
  --color-grey-light: #8f98a0;
  --color-green: #a4d007;
  --color-green-primary: #beee11;
  --color-gray-dark-2: #1b2838;
  --color-gold: #c2a059;
  --color-gold-primary: #e5c158;
  --color-gold-secondary: #d2b47a;
  --typography-primary: #c6d4df;
  --typography-secondary: #8f98a0;
  --typography-gold-primary: #e5c158;
  --color-blue: #66c0f4;
  --color-malibu: #67c1f5;
  --color-white-light: #c6d4df;
  --color-dark-text: #171a21;
  --color-gray-gradient: linear-gradient(331deg, #417a9b 1.01%, #2a475e 84.59%);
  --ui-grey-primary-gradient: linear-gradient(360deg, #2a475e, #1b2838);
  --green-primary-gradient: linear-gradient(180deg, #a4d007, #5c7e10);
  --green-secondary-gradient: linear-gradient(180deg, #799905, #3d4d08);
  --ui-green-primary-gradient: linear-gradient(180deg, #a4d007, #5c7e10);
  --ui-green-secondary-gradient: linear-gradient(180deg, #799905, #3d4d08);
}

html {
  background: #171a21;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  color: #c6d4df;
  background-color: #171a21;
  background-image:
    radial-gradient(1200px 480px at 50% -120px, rgba(42, 71, 94, 0.9) 0%, transparent 68%),
    linear-gradient(180deg, #1b2838 0%, #171a21 58%, #0e141b 100%);
  background-attachment: fixed;
}

body::-webkit-scrollbar-track {
  background: #171a21;
}

body::-webkit-scrollbar-thumb {
  background: #417a9b;
}

.header-top-nav {
  background: #171a21;
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 rgba(102, 192, 244, 0.08);
}

.login {
  background: linear-gradient(to bottom, #a4d007 5%, #536904 95%) !important;
  color: #d2e885 !important;
  border-radius: 2px !important;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
  letter-spacing: 0.02em;
}

.login::before {
  background: linear-gradient(to bottom, #beee11, #3d4d08) !important;
  border-radius: 2px !important;
}

.login:hover {
  filter: brightness(1.12);
  color: #fff !important;
}

.nav-main__elem.router-link-exact-active,
.nav-main__elem:hover {
  color: #66c0f4 !important;
}

.nav-main__elem.router-link-exact-active:before {
  background-color: #66c0f4 !important;
}

.color-gray,
.color--text3 {
  color: #8f98a0 !important;
}

.container {
  background: rgba(27, 40, 56, 0.72);
  border-radius: 34px;
  border: 1px solid rgba(42, 71, 94, 0.55);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.35);
}

.footer__main {
  background-color: #171a21;
  border: 1px solid #000;
  border-radius: 4px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.35);
}

.footer-main__elem:hover {
  color: #66c0f4;
}

.cookie-consent {
  background: #171a21 !important;
  border: 1px solid #2a475e !important;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.55) !important;
}