.login-page {
          font-family: MuseoSans;
          position: fixed;
          z-index: 97;
          width: 100%;
          height: 100vh;
          display: flex;
          align-items: center;
          justify-content: center;
          display: none;
          animation: FadeIn 0.3s linear;
}

.login-page.active {
          display: flex;
}

.login-page .overlay {
          background-color: rgba(0, 0, 0, 0.601);
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100vh;
          z-index: -1;
          cursor: pointer;
}

.login-page .contact-form {
          z-index: 99;
          max-width: 465px;
          width: 100%;
          margin: 4rem auto 8rem;
          padding: 48px 20px 80px;
          background-color: var(--white-color);
          border-radius: 2%;
}

@keyframes FadeIn {
          0% {
                    opacity: 0;
          } 100% {
                    opacity: 1;
          }
}