style.css

:root {
  --primary-color: #05386b;
  --green: #00d1b3;
}

.is-primary {
  background-color: var(--primary-color) !important;
}

.button.is-outlined {
  background-color: transparent !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

.button.is-outlined:hover {
  background-color: #dbdbdb !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

header {
  min-height: 300px;
}

.input,
.control > .button {
  border-color: var(--green) !important ;
}
hr {
  background-color: var(--green) !important;
}

.card {
  margin: 15px 15px;
}

.contentCard,
.subtitle,
.navbar-item {
  color: #05386b !important;
}

.active {
  background-color: #f5f5f5;
}
.hero-body {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

nav {
  border-bottom: 1px ridge;
}

.column.is-3.is-offset-2 {
  margin-top: 10px;
  margin-bottom: 20px;
}
.main {
  position: fixed;
  left: 0px;
  bottom: 0px;
  height: fit-content;
  padding-top: 10px;
  width: 100%;
  background: #f5f5f5;
}

footer {
  height: fit-content;
  padding-top: 10px;
  background: #f5f5f5;
}

.fa-2x {
  color: #05386b !important;
}