body {
  background-image: url('img/bg_2.gif');
  cursor: url('img/cursor.png'), auto;
}

.sans {
  font-family: "Comic Sans MS", "Comic Sans", 'Chalkboard SE', 'Comic Neue', cursive;
}
.video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content {
  background-color: #ffffff;
  margin-left: 15%;
  width: 70%;
}
@media(max-width: 1200px) {
  .content {
    margin-left: 10%;
    width: 80%;
  }
}
@media(max-width: 800px) {
  .content {
    margin-left: 5%;
    width: 90%;
  }
}

.hero-img {
  background: url('img/hero.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;

  height: 100%;
  min-height: 400px;
}
.hero-img:hover {
  background: url('img/hero_hover.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;

}

.heading {
  font-size: 3rem;
}

.footer {
  font-size: 0.75rem;
}

.rainbow-text {
  background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes wow {
  0% {
    color: red;
  }
  49% {
    color: red;
  }
  50% {
    color: blue;
  }
  100% {
    color: blue;
  }
}
.wow {
  animation: wow 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

table {
  /* border-collapse: collapse;
  border-color: grey;
  border-style: solid;
  border-width: 1px; */

  border-top: 3px solid #E9D8A2;
  border-left: 3px solid #E9D8A2;
  border-right: 3px solid #8D7425;
  border-bottom: 3px solid #8D7425;
  background-color: #D1AD36;
  padding: 0px 3px;
}

td {
  margin: 3px 0px;
  padding: 0;
  border-top: 1px solid #4C4C4C;
  border-left: 1px solid #4C4C4C;
  border-right: 1px solid #D2D2D2;
  border-bottom: 1px solid #D2D2D2;
  background-color: #ffa1ec;
}

tr > td:first-child {
  text-align: center;
}

.blink {
  animation: blink 1s step-end infinite
}
@keyframes blink {
	0% {opacity:1;}
	50% {opacity:0;}
}

.art {
  padding-top: .1rem;
  /* -webkit-transform: scale(0.9, 1.65) rotate(-3deg) skewY(-3deg) translateZ(0);
          transform: scale(0.9, 1.65) rotate(-3deg) skewY(-3deg) translateZ(0); */
  font-family: Impact, sans-serif;
  font-weight: 700;
  color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#6900cc), to(#cb00cc));
  background: linear-gradient(#6900cc, #cb00cc);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.016em #d2a2fe;
  -webkit-background-clip: text;
  background-clip: text;
  /* height: 7rem; */
}