95 lines
1.7 KiB
CSS
95 lines
1.7 KiB
CSS
|
|
body {
|
|
background-color: #0F2A5F;
|
|
color: #FFFFFF;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
|
color: #D4AF37;
|
|
}
|
|
|
|
.navbar-brand {
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
|
color: #D4AF37 !important;
|
|
font-size: 1.75rem;
|
|
}
|
|
|
|
.card {
|
|
background-color: #FFFFFF;
|
|
color: #0F2A5F;
|
|
border: none;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.form-control {
|
|
background-color: #f8f9fa;
|
|
border: 1px solid #dee2e6;
|
|
color: #0F2A5F;
|
|
}
|
|
|
|
.form-control:focus {
|
|
background-color: #FFFFFF;
|
|
border-color: #D4AF37;
|
|
box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25);
|
|
color: #0F2A5F;
|
|
}
|
|
|
|
.btn-gold {
|
|
background-color: #D4AF37;
|
|
color: #0F2A5F;
|
|
border: none;
|
|
font-weight: bold;
|
|
padding: 0.75rem 1.5rem;
|
|
border-radius: 8px;
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
|
|
.btn-gold:hover {
|
|
background-color: #c8a02b;
|
|
}
|
|
|
|
#video-output {
|
|
display: none;
|
|
background-color: #000;
|
|
border: 2px solid #D4AF37;
|
|
border-radius: 10px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#video-output .placeholder-glow {
|
|
height: 100%;
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
|
|
#video-output video {
|
|
width: 100%;
|
|
height: auto;
|
|
display: none;
|
|
}
|
|
|
|
.spinner-border {
|
|
color: #D4AF37;
|
|
}
|
|
|
|
.toast {
|
|
position: fixed;
|
|
top: 20px;
|
|
right: 20px;
|
|
z-index: 1055;
|
|
background-color: #0F2A5F;
|
|
color: #FFFFFF;
|
|
border: 1px solid #D4AF37;
|
|
}
|
|
.toast-header {
|
|
background-color: #D4AF37;
|
|
color: #0F2A5F;
|
|
}
|