body {
  background-color: #F3F3E0;
  font-family: "Ubuntu", serif;
  font-weight: 400;
  font-style: normal;
  padding: 0;
  margin: 0;
}

.container {padding: 30px 20px 20px 20px;}

.topbar {
    padding: 8px 20px 5px 20px;
}

h1 {font-size: 36px;}
h2 {font-size: 24px;}

.font-ubuntu {
  font-family: "Ubuntu", serif;
  font-weight: 400;
  font-style: normal;
}

.font-bebas {
  font-family: "Bebas Neue", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 100%;
}

a {
    color: #133E87;
}
a:hover {
    color: #608BC1;
}
a.white {
    color: #fff;
    text-decoration: none;
}

#generatedPrompt {
    height: 200px;
}
@media screen and (max-width: 500px) {
    #generatedPrompt {
        height: 360px;
    }
}

.bg-darkblue { background-color: #133E87; }
.bg-mediumblue { background-color: #608BC1; }
.bg-lightblue { background-color: #CBDCEB; }

.border-mediumblue { border-color: #608BC1 !important; }

.text-darkblue { color: #133E87; }
.text-mediumblue { color: #608BC1; }
.text-lightblue { color: #CBDCEB; }
.text-white { color: #fff; }

.text-small {font-size: 12px;}

.font44 {font-size: 44px;}

.btn-darkblue { 
  color: #FFFFFF; 
  background-color: #133E87; 
  border-color: #133E87; 
} 
 
.btn-darkblue:hover, 
.btn-darkblue:focus, 
.btn-darkblue:active, 
.btn-darkblue.active, 
.open .dropdown-toggle.btn-darkblue { 
  color: #FFFFFF; 
  background-color: #0C306E; 
  border-color: #133E87; 
} 
 
.btn-darkblue:active, 
.btn-darkblue.active, 
.open .dropdown-toggle.btn-darkblue { 
  background-image: none; 
} 
 
.btn-darkblue.disabled, 
.btn-darkblue[disabled], 
fieldset[disabled] .btn-darkblue, 
.btn-darkblue.disabled:hover, 
.btn-darkblue[disabled]:hover, 
fieldset[disabled] .btn-darkblue:hover, 
.btn-darkblue.disabled:focus, 
.btn-darkblue[disabled]:focus, 
fieldset[disabled] .btn-darkblue:focus, 
.btn-darkblue.disabled:active, 
.btn-darkblue[disabled]:active, 
fieldset[disabled] .btn-darkblue:active, 
.btn-darkblue.disabled.active, 
.btn-darkblue[disabled].active, 
fieldset[disabled] .btn-darkblue.active { 
  background-color: #133E87; 
  border-color: #133E87; 
} 
 
.btn-darkblue .badge { 
  color: #133E87; 
  background-color: #FFFFFF; 
}

.copy-btn {
  cursor: pointer;
}
.generated-prompt-container {
  position: relative;
}
.copy-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  color: #fff !important;
}

.slick-dots li button:before {
    font-size: 12px;
    line-height: 12px;
}
.slick-dots {
  bottom: -35px;
}
.slick-dots li.slick-active button:before {
    color: #CBDCEB !important;
}
#prompt_copied {
  opacity: 0;
  transition: opacity 1.3s; 
}
#prompt_copied.fadeshow {
  opacity: 1;
}

.form-label { font-weight: 500; }


.cookie-consent {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background-color: #f8f9fa;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: none;
}

.cookie-consent.show {
    display: block;
}

.cookie-consent button {
    margin-left: 10px;
}