/*
	Colors: https://coolors.co/00296b-003f88-00509d-fdc500-ffd500
*/

body {
  background: #00296B;
  color: #FDC500;
}

hr {
  border: none;
  border-top: 3px solid #FFD500;
}

a { 
  color: #FDC500;
}

a:hover {
  color: #00296B;
  text-decoration: none;
  background: #FDC500;
}

.a-blue {
  color: #00509D;
}

html,
button,
input,
select,
textarea,
.pure-g [class *="pure-u"] {
  font-family: 'Courier New', monospace;
}

.top-30 {
  margin-top: 30px;
}

.mobile-lr {
	padding: 0 10px;
}

.title {
  font-weight: bold;
  color: #FDC500;
}

.text-center {
  text-align: center;
}

.copyright {
  text-align: center;
  font-size: 12px;
  color: #00509D;
  padding: 10px;
}

.pill-nav a {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 7px;
  text-decoration: none;
  font-size: 14px;
  border-radius: 3px;
  font-weight: bold;
}

.pill-nav a:hover {
  background-color: #fff;
  color: #00296B;
}

.pill-nav a.active {
  background-color: dodgerblue;
  color: white;
}

.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
  animation: fadeEffect 0.5s;
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}