body {
    background-color: #3e5c76 !important;
}

.glassmorphism-form {
    /*max-width: 400px;*/
    background-color: #3e5c76;
    vertical-align: center !important;
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 1rem 1rem;
    text-align: center;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}

h2 {
    color: #ffffff !important;
    font-size: 24px !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
}


.glassmorphism-form input[type=text] {
    margin-bottom: 20px;
    border-radius: 5px;
    border: none !important;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    outline: none !important;
    transition: none !important;
}

.form-control .form-control-sm{
    outline: none !important;
    background-color: rgba(255, 255, 255, 0.2);
    border: 0 !important;
}
.glassmorphism-form input[type=password] {
    margin-bottom: 20px;
    border-radius: 5px;
    border: 0 !important;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    outline: none !important;
    transition: none !important;
}


.glassmorphism-form h2 {
    text-transform: uppercase;
}


.glassmorphism-form button[type=submit] {
    border-radius: 5px;
    border: none !important;
    background-color: #00b894;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    align-items: center;
    transition: background-color 0.3s;
    text-transform: uppercase;
}


.glassmorphism-form button:hover {
    background-color: #00a383;
}

.oauth-buttons {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.oauth-button {
    margin-right: 10px;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s;
}

.oauth-button:hover {
    background-color: rgba(255, 255, 255, 0.2);
}


textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover
{
    outline:0px !important;
    -webkit-appearance:none;
    background-color: #00b894;
}