MIF_E31222508/public/css/auth/auth.css

67 lines
1.0 KiB
CSS

body {
background: linear-gradient(135deg, #004d40, #009688);
color: #fff;
font-family: 'Segoe UI', sans-serif;
}
.auth-card {
background: #fff;
color: #333;
border-radius: 20px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
overflow: hidden;
transition: all 0.5s ease;
min-width: 360px;
max-width: 400px;
}
.form-title {
font-weight: bold;
color: #00695c;
}
.form-control {
border-radius: 10px;
}
.btn-primary {
background-color: #00695c;
border: none;
}
.btn-success {
background-color: #00796b;
border: none;
}
.form-toggle a {
color: #00695c;
font-weight: 500;
cursor: pointer;
text-decoration: none;
}
.form-toggle a:hover {
text-decoration: underline;
}
.input-group-text {
background-color: #e0f2f1;
border: none;
}
.fade-in {
animation: fadeIn 0.6s ease-in-out;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}