body {
  background: #d02c2c;
  background-image:
  radial-gradient(#f7c652 .2vw, transparent 0),
  radial-gradient(#f7c652 .2vw, transparent 0);
  background-size: 80px 80px;
  background-position: 0 0, 40px 40px;
}

/* hover cross fade*/
.cf img {
  -webkit-transition: opacity 0s ease-in-out;
  -moz-transition: opacity 0s ease-in-out;
  -o-transition: opacity 0s ease-in-out;
  transition: opacity 0s ease-in-out;
}
.cf img.top:hover {
  opacity:0;
}
/* hover cross fade*/

.ylw {
  background-color: #f7c652;
  color: black;
  border-top: 0.24vw solid black;
  border-left: 0.24vw solid black;
  border-right: 0.24vw solid black;
  padding: 1rem;
}

.ylwMobileBelt {
  background-color: #f7c652;
  color: black;
  border-top: 0.24vw solid black;
  border-left: 0.24vw solid black;
  border-right: 0.24vw solid black;
  padding: 0.5rem;
}


.ylwMenu {
  background-color: #f7c652;
  color: black;
  border: 0.24vw solid black;
  padding: 2rem;
}

.columns.is-gapless {
  margin-top: -10px;
  margin-bottom: -25px;
}

.noGap {
  margin-top: -10px;
}

.wht {
  background-color: white;
  border: 0.24vw solid black;
  padding: 1.5rem;
}

.paddown {
  padding-top: 3%;
}

.padBoth {
  padding-top: 3%;
  padding-bottom: 3%;
}

.padMenu {
  padding-top: 17%;
  padding-bottom: 17%;
}

.paddownS {
  padding-top: 1%;
}

.padTitle {
  padding-top: 6%;
}

.paddownL {
  padding-top: 10%;
}

.padBtn {
  padding-top: 11vw;
}

.footer {
  background-color: transparent;
  color: black;
}

.button {
  border-radius: 30px;
  padding-left: 1.8em;
  padding-right: 1.8em;
  height: 3em;
  font-size: 12px;
  font-weight: bold;
}

.button.is-small {
  border-radius: 30px;
  font-size: 0.6rem;
}

.pullDown {
  color: #847d80;
  margin-top: 55%;
  margin-left: 21%;
  margin-right: 20.5%;
  pointer-events:none;
}

p.big {
  line-height: 150%;
}

.button.is-link {
  background-color: #3273dc;
  color: white;
  border: 2px solid black;
}

.button.is-link:hover, .button.is-link.is-hovered {
  background-color: #276cda;
  color: white;
  border: 2px solid black;
}

.button.is-link:focus, .button.is-link.is-focused {
  color: white;
  border: 2px solid black;
}

.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
          box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}

.button.is-link:active, .button.is-link.is-active {
  background-color: #2366d1;
  color: white;
  border: 2px solid black;
}

.button.is-warning {
  background-color: #f7c652;
  color: black;
  border: 2px solid black;
}

.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: #efb834;
  color: black;
  border: 2px solid black;

}

.button.is-warning:focus, .button.is-warning.is-focused {
  color: black;
  border: 2px solid black;

}

.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
          box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}

.button.is-warning:active, .button.is-warning.is-active {
  background-color: #efb834;
  color: black;
  border: 2px solid black;
}

.modal-content,
.modal-card {
  margin: 0 auto;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 90%;
}

@media screen and (min-width: 769px), print {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    overflow: auto;
    max-height: calc(100vh - 100px);
    max-width: 50%
  }
}

.modal-background {
  background-color: rgba(10, 10, 10, 0.4);
}

.modal-card-body {
  border-left:  2px solid black;
  border-right:  2px solid black;
}

.modal-card-title {
  color: #363636;
  font-size: 1rem;
}


.modal-card-head {
  border-bottom: 0px;
  border-top: 2px solid black;
  border-left:  2px solid black;
  border-right:  2px solid black;
  background-color: white;
  padding: 10px;
}

.modal-card-foot {
  background-color: white;
  -webkit-justify-content: center;
          justify-content: center;
  border-top: 0px;
  border-bottom: 2px solid black;
  border-left:  2px solid black;
  border-right:  2px solid black;
  padding: 20px;
}

.fa {
  color: black;
}

.diviDer {
  text-align: center;
}

.diviDer span {
  display: inline-block;
  position: relative;
}

.diviDer span::before,
.diviDer span::after {
  content: "";
  position: absolute;
  height: 1px;
  border-top: 1px solid black;
  top: 7px;
  width: 15vw;
}

.diviDer span::before {
  right: 100%;
  margin-right: 2vw;
}

.diviDer span::after {
  left: 100%;
  margin-left: 2vw;
}

canvas {
  border:2px solid black;
  background-color: #fff;
}