

<!-- Bootstrap CSS -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
/>

/*  Global CloudPage Custom Styles  */

:root {
  --bs-primary: #0021a5; /* Gator Blue */
  --bs-warning: #fa4616; /* Gator Orange */
}
.orange {
 color: #fa4616 !important;
}
.gatorblue {
 color: #0021a5 !important;
}
.white {
 color: #fff !important;
}

.gatorblue-to-darkblue {
        background: #0021A5;
        background: -o-linear-gradient(top,#0021A5 0%,#002657 100%);
        background: -webkit-linear-gradient(top,#0021A5 0%,#002657 100%);
        background: linear-gradient(to bottom,#0021A5 0%,#002657 100%);
    }

/* Typography */
body {
  margin: 0;
  background-color: #e3e5de;
  font-family: "IBM Plex Sans", Verdana, Arial, sans-serif !important; 
}

/* Section headings */
h1 {
  color: #0021a5 !important;
  font-family: "IBM Plex Sans", Verdana, Arial, sans-serif !important;
  font-size: 2.4em;
}

h2 {
  color: #0021a5 !important;
  font-family: "IBM Plex Sans", Verdana, Arial, sans-serif !important;
  /*font-size: 2.2em;*/
}

/* Form heading */
h5 {
  color: #0021a5 !important;
  font-family: "IBM Plex Sans", Verdana, Arial, sans-serif !important;
  font-weight: 400 !important;
  text-align: center;
  font-size: 1.4em;
  line-height: 1.5em;
}

/* Form card background */
.bg-secondary-subtle {
  border-radius: 0.75rem;
  color: #eeeeee;
}

/* Label + help text */
label,
small {
  color: #555555 !important;
}

/* Primary button styling */
.btn-primary {
  background-color: #0066cc;
  border: 1px solid #0066cc;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  padding: 12px 20px;
  border-radius: 7px;
  margin: 0;
}

.btn-primary:hover {
  background-color: #005bb5;
  border-color: #005bb5;
  color: #ffffff;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 102, 204, 0.25);
}

/* Ranking numbers */
.ranking {
  color: #fa4616 !important;
  font-size: 4em;
  font-weight: 900 !important;
  font-family: "Anybody", Verdana, Arial, sans-serif !important;
  line-height: 1.5em;
  margin: 0;
}

/* Ranking text */
.ranking-text {
  color: #002657 !important;
  font-size: 1.6em;
  font-weight: 700 !important;
  font-family: "IBM Plex Sans", Verdana, Arial, sans-serif !important;
  text-align: center;
  line-height: 1.5em;
  margin: 0;
}

/* Ranking subtext */
.ranking-subtext {
  color: #0021a5 !important;
  font-size: 1.3em;
  font-family: "IBM Plex Sans", Verdana, Arial, sans-serif !important;
  text-align: center;
  line-height: 1.5em;
  margin: 0;
}

/* Success message box */
#form-success {
  background-color: #eaf3ff;
  border: 1px solid #0021a5;
  color: #0021a5;
  font-weight: 500;
}

/* Wider container on large screens */
@media (min-width: 1400px) {
  .container {
    max-width: 1280px;
  }
}