input {
            width: 100%;
            padding: 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
            margin-top: 6px;
            margin-bottom: 16px;
          }

          /* Style the submit button */
          input[type=submit] {
            background-color: #4CAF50;
            color: white;
          }

          /* Style the container for inputs */
          .container {
            background-color: #f1f1f1;
            padding: 20px;
          }

          /* The message box is shown when the user clicks on the password field */
          #message {
            display:none;
            background: #f1f1f1;
            color: #000;
            position: relative;
            padding: 20px;
            margin-top: 10px;
          }

          #message p {
            padding: 10px 35px;
            font-size: 18px;
          }

          /* Add a green text color and a checkmark when the requirements are right */
          .valid {
            color: green;
          }

          .valid:before {
            position: relative;
            left: -35px;
            content: "✔";
          }

          /* Add a red text color and an "x" icon when the requirements are wrong */
          .invalid {
            color: red;
          }

          .invalid:before {
            position: relative;
            left: -35px;
            content: "✖";
          }
        
        
          /* Tablet Styles */
          @media only screen and (min-width: 401px) and (max-width: 960px) {

          }

            /* Desktop Styles */
          @media only screen and (min-width: 961px) {
            input {
                        width: 100%;
                        padding: 12px;
                        border: 1px solid #ccc;
                        border-radius: 4px;
                        box-sizing: border-box;
                        margin-top: 6px;
                        margin-bottom: 16px;
                      }
            
            .container {
             			width: 30%;
                        max-width: 300px;
                        background-color: #f1f1f1;
                        padding: 20px;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        margin-right: -50%;
                        transform: translate(-50%, -50%);
          				}
            
             .containermaster {
             			width: 50%;
                        background-color: #f1f1f1;
                        padding: 20px;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        margin-right: -50%;
                        transform: translate(-50%, -50%);
          				}           

                        
          }