html,
  body,
  .content,
  :root {
      --background-color: rgb(242, 242, 242);
      --background-second-layer: rgba(228, 234, 241, 0.745);
      --background-second-layer-100: rgba(228, 234, 241);
      --background-layer: rgb(255, 255, 255);
      --white-color: rgb(242, 241, 242);
      --black-color: #1f2b3b;
      --font-color: #1f2b3b;
      --primary-color: rgb(55, 76, 108);
      --primary-color-10: rgba(56, 76, 109, 0.1);
      --primary-color-25: rgba(56, 76, 109, 0.25);
      --primary-color-30: rgba(56, 76, 109, 0.3);
      --primary-color-50: rgba(56, 76, 109, 0.5);
      --primary-color-60: rgba(56, 76, 109, 0.6);
      --primary-color-75: rgba(56, 76, 109, 0.75);
      --primary-color-80: rgba(56, 76, 109, 0.8);
      --primary-color-op-50: #384c6dba;
      --secondary-color: rgb(60, 139, 131);
      --secondary-color-10: rgba(60, 139, 131, 0.1);
      --secondary-color-25: rgba(60, 139, 131, 0.25);
      --secondary-color-30: rgba(60, 139, 131, 0.3);
      --secondary-color-50: rgba(60, 139, 131, 0.5);
      --secondary-color-60: rgba(60, 139, 131, 0.6);
      --secondary-color-75: rgba(60, 139, 131, 0.75);
      --secondary-color-80: rgba(60, 139, 131, 0.8);
      --tertiary-color: rgb(122, 108, 147);
      --tertiary-color-10: rgba(122, 108, 147, 0.1);
      --tertiary-color-25: rgba(122, 108, 147, 0.25);
      --tertiary-color-30: rgba(122, 108, 147, 0.3);
      --tertiary-color-50: rgba(122, 108, 147, 0.5);
      --tertiary-color-60: rgba(122, 108, 147, 0.6);
      --tertiary-color-75: rgba(122, 108, 147, 0.75);
      --tertiary-color-80: rgba(122, 108, 147, 0.8);
      --alert-color: rgb(255, 169, 31);
      --danger-color: rgb(113, 54, 66);
      --default-box-shadow: -5px -5px 9px rgb(255, 255, 255), 5px 5px 9px rgba(69, 78, 94, 0.4);
      --default-gradient: linear-gradient(to right, var(--primary-color), var(--secondary-color)) 1 1;

      width: 100vw;
      height: 100vh;
      margin: 0 !important;
      padding: 0 !important;
      box-sizing: border-box;
      font-family: system-ui, Helvetica, Arial, sans-serif;
      line-height: 1;
      font-weight: 400;
      letter-spacing: .07rem;
      font-synthesis: none;
      text-rendering: optimizeLegibility;
      box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-text-size-adjust: 100%;
      scrollbar-width: thin;
      scrollbar-color: var(--primary-color-op-50) transparent;
      background-color: var(--background-color);
      color: var(--font-color);
  }

  .button-primary {
      text-decoration: none;
      color: var(--alert-color);
      background-image: linear-gradient(to right, #3c8c84, #445c84);
      padding: 0.475rem .85rem;
      border: 0;
      font-weight: 700;
      border-radius: .7rem;
      cursor: pointer;
      transition: all 0.3s;
  }

  .button-primary:active {
      transform: scale(0.98);
      color: var(--primary-color);
      background: var(--alert-color);
  }

  .button-primary:hover {
      color: var(--primary-color);
      background: var(--alert-color);
      box-shadow: 0px 0px 5px 0.2px var(--alert-color);
  }

  .button-secondary {
      text-decoration: none;
      background-color: var(--background-color);
      padding: 1rem;
      font-weight: 700;
      border-radius: 1rem;
      border: none;
      box-shadow: var(--default-box-shadow);
      cursor: pointer;
      color: var(--font-color);
  }

  .button-secondary:hover {
      transition: .2s;
      background-color: rgba(0, 0, 0, .1);
  }