61 lines
1.1 KiB
CSS
61 lines
1.1 KiB
CSS
/*
|
|
Palette:
|
|
- Primary (Dark Blue): #0A192F
|
|
- Secondary (Slate): #8892B0
|
|
- Accent (Vibrant Green): #64FFDA
|
|
- Background (Light Navy): #0E1F3A
|
|
- Text (Light Slate): #CCD6F6
|
|
*/
|
|
|
|
body {
|
|
background-color: #0A192F;
|
|
color: #CCD6F6;
|
|
font-family: 'Roboto', sans-serif;
|
|
}
|
|
|
|
.hero {
|
|
background: linear-gradient(180deg, #0E1F3A 0%, #0A192F 100%);
|
|
min-height: 100vh;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: 'Poppins', sans-serif;
|
|
color: #CCD6F6;
|
|
}
|
|
|
|
.form-control {
|
|
background-color: #0E1F3A;
|
|
border: 1px solid #8892B0;
|
|
color: #CCD6F6;
|
|
}
|
|
|
|
.form-control:focus {
|
|
background-color: #0E1F3A;
|
|
border-color: #64FFDA;
|
|
color: #CCD6F6;
|
|
box-shadow: 0 0 0 0.25rem rgba(100, 255, 218, 0.25);
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #64FFDA;
|
|
border-color: #64FFDA;
|
|
color: #0A192F;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.btn-primary:hover, .btn-primary:focus {
|
|
background-color: #52d6b8;
|
|
border-color: #52d6b8;
|
|
color: #0A192F;
|
|
}
|
|
|
|
.prompt-results {
|
|
margin-top: 2rem;
|
|
padding: 2rem;
|
|
background-color: #0E1F3A;
|
|
border-radius: 8px;
|
|
}
|