@charset "UTF-8";
      @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");

      html,
      body {
          margin: 0px;
          padding: 0px;
      }

      .montserrat {
          font-family: "Montserrat", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
      }

      .p-05 {
          padding: 0.5rem;
      }

      .p-1 {
          padding: 1rem;
      }

      .p-2 {
          padding: 2rem;
      }

      .p-3 {
          padding: 3rem;
      }

      .m-1 {
          margin: 1rem;
      }

      .m-2 {
          margin: 2rem;
      }

      .mb-1 {
          margin-bottom: 1rem;
      }

      .mb-2 {
          margin-bottom: 2rem;
      }

      .cWhite {
          color: #FFFFFF;
      }

      .container {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100vh;
          background-image: url("../img/img-bg.png");
          background-size: cover;
          background-position: center;
          margin: 0px;
          padding: 0px;
      }

      .form {
          background: #00000090;
          padding: 30px;
          border-radius: 10px;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          text-align: center;
      }

      .input {
          border-top: none;
          border-left: none;
          border-right: none;
          border-bottom: 1px solid #cd3529;
          background-color: #00000090;
      }

      .button {
          padding-left: 1.5rem;
          padding-right: 1.5rem;
          padding-bottom: 0.8rem;
          padding-top: 0.8rem;
          background-color: #cd3529;
          border: none;
          border-radius: 5px;
          color: #FFFFFF;
      }