@import url("https://fonts.googleapis.com/css?family=Titillium+Web");
body {
  color: white;
  background-color: #355372;
  font-family: 'Titillium Web', serif;
  margin: 0pt; }

.header {
  background-color: white; }

h1 {
  margin: 0pt;
  color: #002642;
  font-weight: 600;
  letter-spacing: 1.5pt;
  background-color: #c3d3e3;
  padding-left: 10px;
  border-bottom: 5px solid #00528f;
  border-radius: 10px; }

a {
  color: #42aeff; }
  a:hover, a active {
    color: #c3d3e3;
    text-decoration: none; }

.card {
  margin: 8pt;
  padding: 8pt;
  border-radius: 10px;
  background-color: #4d79a6; }

.footer-container {
  border-top: 4px solid #002642;
  background-color: #253a4f;
  padding: 8pt; }
  .footer-container .footer {
    width: 100%; }

.copyright {
  font-size: x-small;
  float: right; }

.btn-outline-primary {
  color: #355372;
  border: 1pt solid #355372;
  margin-left: 4px; }
  .btn-outline-primary:hover {
    background-color: #355372;
    border: 1pt solid #355372; }