58 lines
1.1 KiB
CSS
58 lines
1.1 KiB
CSS
body {
|
|
font-family: 'Lato', sans-serif;
|
|
background-color: #F4F1DE;
|
|
}
|
|
|
|
h1, .display-4 {
|
|
font-family: 'Poppins', sans-serif;
|
|
}
|
|
|
|
.ocean-hero {
|
|
background: linear-gradient(45deg, #0A2E36, #1A4A55);
|
|
min-height: 100vh;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 2rem;
|
|
}
|
|
|
|
.form-container {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
padding: 2rem;
|
|
border-radius: 15px;
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
|
|
.whitelist-form .form-control {
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
border: none;
|
|
padding: 0.75rem 1rem;
|
|
color: #0A2E36;
|
|
}
|
|
|
|
.whitelist-form .form-control::placeholder {
|
|
color: #0A2E36;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #84DCC6;
|
|
border-color: #84DCC6;
|
|
color: #0A2E36;
|
|
padding: 0.75rem 2rem;
|
|
font-weight: bold;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
background-color: #F76C6C;
|
|
border-color: #F76C6C;
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.alert-success {
|
|
background-color: #84DCC6;
|
|
color: #0A2E36;
|
|
border: none;
|
|
}
|