body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
box-sizing: border-box;
background-color: #000000;
color: #ffffff;
}
html, body {
margin: 0;
padding: 0;
height: 100vh;
}
.page {
min-height: 100%;
display: flex;
flex-direction: column;
}
header > img {
width: 80vw;
height: 45vh;
background-size: cover;
display: block;
margin: 0 auto;
justify-content: center;
}
.container {
display: flex;
align-items: center;
flex-direction: column;
flex:1;
}
img {
width: 100vw;
height: 100vh;
background-size: cover;
}
footer {
text-align: center;
background-color: #ffffff;
color: #888888;
}
footer p {
margin: 0;
}
.alert {
padding: 1rem;
border-radius: 0.5rem;
margin-bottom: 1rem;
border: 1px solid;
}
.alert-warning {
background-color: #fef3c7;
border-color: #f59e0b;
color: #92400e;
}
.alert-danger {
background-color: #fee2e2;
border-color: #ef4444;
color: #991b1b;
}
.alert-success {
background-color: #d1fae5;
border-color: #10b981;
color: #065f46;
}
.alert-info {
background-color: #dbeafe;
border-color: #3b82f6;
color: #1e3a8a;
}
.alert-message {
font-size: 0.95rem;
}
.alert-message strong {
display: block;
margin-bottom: 0.5rem;
font-size: 1rem;
}
.alert-message ul {
margin: 0.5rem 0 0 1.5rem;
padding: 0;
}
.alert-message li {
margin-bottom: 0.25rem;
}
.invalid-feedback {
display: none;
font-size: 0.875rem;
color: #ef4444;
margin-top: 0.25rem;
}
.invalid-feedback.d-block {
display: block;
}
.form-control.is-invalid {
border-color: #ef4444;
}
.form-control.is-invalid:focus {
border-color: #ef4444;
box-shadow: 0 0 0 0.2rem rgba(239, 68, 68, 0.25);
}