@font-face {
  font-family: "handwriting";
  src: url("media/font/handwriting-draft.ttf");
}

.navbar-icon {
  padding-right: .5em;
  padding-left: 1em;
}

.hero.is-primary {
  background: url("media/img/banner.png") no-repeat scroll bottom right ;
}

.hero.is-primary .title {
  color:var(--bulma-body-color);
  font-family: "handwriting", Garamond, serif;
  font-size: 7rem;
  font-weight: 400;
}

.card {
  margin: 25px;
}

.media-content {
  margin: 1em;
}

.panel {
  margin: 25px;
}

.panel-heading {
  background-color: var(--bulma-scheme-main);
  color: var(--bulma-subtitle-color);
}

.panel-icon {
  vertical-align: middle;
}

.panel-tabs a {
  padding-right: 2em;
  padding-left: 2em;
}

.panel-block {
  display: none;
}

.panel-block.is-active {
  display: block;
}

.modal-content {
  background-color: rgba(240,240,240,.7);
}

.modal-content img {
  max-height: 100%;
  display: block;
  margin: auto;
}

.modal-content pre {
  white-space: pre-line;
}