.login{
    margin-top: 50%;
}
.loginInput{
    border: 1px solid gray;
}
.signin{
    display: grid;
    grid-template-columns: auto auto;
    margin-bottom: 30px;
}
.registration {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.registration input[type="checkbox"] {
    transform: scale(0.4); /* Adjust scale as needed */
}
#registrationForm {
 
    width: 100%; /* Ensures the form takes up the full width of the container */
}

.registration input,
.registration label {
    margin: 5px;
    font-size: 14px; /* Adjust font size as needed */
}
#checkboxForm{
    display: grid;
    grid-template-columns: 20% auto;
    align-items: center;
}
.checkboxLabel {
    display: flex;
    align-items: center;
    font-size: 12px; /* Adjust font size as needed */
}

.registration button {
    margin-top: 10px;
    width: 100px; /* Example width for the button */
}

.or{
    text-align: center;
    margin-bottom: 30px;
}

#captchaForm{
    display: grid;
    grid-template-columns: 280px auto;
    justify-items: center;
}

.signUpButtons{
    margin-top: 20px;
    
    place-items: center;

}

.button-smooth{
    display: grid;
    grid-template-columns: auto auto;
}
/* Container */
.login {
    padding: 20px;
    background-color: #f0f0f0;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.login:hover {
    transform: scale(1.05);
}

/* Content */
#contentToCopy {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: auto auto;
    place-items: center;
    
}

/* Credentials */
.credentials {
    display: flex;
    flex-direction: row;
}

/* Requisites */
.requsites {
    margin-right: 20px; /* Adjust spacing between elements */
}

/* Label */
.label {
    font-weight: bold;
}

/* Password input */
.passwordInput {
    margin-top: 5px;
}

/* Buttons */
.button {
    padding: 10px 20px;
    background-color: #779abe;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.button:hover {
    background-color: #0056b3;
    transform: scale(1.1);
}

/* Smooth transitions */
.smooth {
    
    transition: all 0.3s ease;
}