html {
      cursor: url("https://cdn1.frouche.com/MouseCursors/Default_CursorFGC_NMA.png"), auto !important;
    }
    
    button, a, [interactable] {
      cursor: url("https://cdn1.frouche.com/MouseCursors/Default_CursorFGC_NATHOVER.png"), auto !important;
    }
    
    input, textarea, [contenteditable] {
    cursor: url("https://cdn1.frouche.com/MouseCursors/Default_CursorFGC_TXTHOVER.png"), text;
}

 
 @font-face {
  
      font-family: "MainFont";
      src: url("/Fonts/InterTight/InterTight-Bold.ttf") format('opentype');
    }

    @font-face {
      font-family: "Heading1";
      src: url("/Fonts/InterTight/InterTight-SemiBold.ttf") format('opentype');
    }

    @font-face {
      font-family: "Paragraph";
      src: url("/Fonts/InterTight/InterTight-Medium.ttf") format('opentype');
    }

    @font-face {
      font-family: "ParagraphSB";
      src: url("/Fonts/InterTight/InterTight-SemiBold.ttf") format('opentype');
    }

    @font-face {
      font-family: "Magnivera";
      src: url("/Fonts/MagniveraRegular-8677564.otf") format('opentype');
    }
    
    
    body {
      background-color: #FAFFF6;
      background-image: url("/images/NextGenHeader.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
      font-family: "Paragraph", sans-serif;
      overflow: hidden;
      flex-direction: column;
    }

    .login-page {
      width: 100%;
      max-width: 500px;
      padding: 60px;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      transform-origin: center center;
      transition: transform 0.2s ease-in-out;
    }

    .form {
      position: relative;
      z-index: 1;
      background: #FFFFFF;
      max-width: 360px;
      margin: 0 auto;
      padding: 25px;
      text-align: center;
      border-radius: 15px;
      box-shadow:
        0 1px 1px hsl(0deg 0% 0% / 0.075),
        0 2px 2px hsl(0deg 0% 0% / 0.075),
        0 4px 4px hsl(0deg 0% 0% / 0.075),
        0 8px 8px hsl(0deg 0% 0% / 0.075),
        0 16px 16px hsl(0deg 0% 0% / 0.075);
    }

    .form input {
      font-family: "Paragraph";
      outline: 0;
      background: #f2f2f2;
      width: 100%;
      border: 0;
      margin: 0 0 15px;
      padding: 15px;
      box-sizing: border-box;
      font-size: 15px;
      border-radius: 5px;
    }

    .form button {
      font-family: "Heading1";
      text-transform: uppercase;
      outline: 0;
      background: #000000;
      width: 100%;
      border: 0;
      padding: 15px;
      color: #FFFFFF;
      font-size: 15px;
      -webkit-transition: all 0.25s ease;
      transition: all 0.25s ease;
      cursor: pointer;
      border-radius: 5px;
    }

    .form button:hover,
    .form button:active,
    .form button:focus {
      background: hsl(0, 0%, 10%);
    }

    .form .message {
      margin: 15px 0 0;
      color: #b3b3b3;
      font-size: 12px;
    }

    .form .message a {
      color: #4CAF50;
      text-decoration: none;
    }

    .form .register-form {
      display: none;
    }

    .container {
      position: relative;
      z-index: 1;
      max-width: 300px;
      margin: 0 auto;
    }

    .container:before,
    .container:after {
      content: "";
      display: block;
      clear: both;
    }

    .container .info {
      margin: 50px auto;
      text-align: center;
    }

    .container .info h1 {
      margin: 0 0 15px;
      padding: 0;
      font-size: 36px;
      font-weight: 300;
      color: #1a1a1a;
    }

    .container .info span {
      color: #4d4d4d;
      font-size: 12px;
    }

    .container .info span a {
      color: #000000;
      text-decoration: none;
    }

    .container .info span .fa {
      color: #EF3B3A;
    }

    h1 {
      font-family: "MainFont";
      font-weight: normal;
    }

    p {
      font-family: "Paragraph", sans-serif;
      font-weight: normal;
    }

    p.bold {
      font-family: "ParagraphSB", sans-serif;
      font-weight: bold;
    }

    * {
      margin: 0;
      padding: 0;
    }