@font-face {
  font-family: PatrickHand;
  src: local(""), url(fonts/PatrickHand-Regular.ttf) format("truetype")
}

@font-face {
  font-family: HelloMoody;
  src: local(""), url(fonts/HelloMoody.ttf) format("truetype")
}

body {
  color: white;
  font-family: PatrickHand;
}

.tiddles-paws {
  max-width: 100%;
  background: url(images/tiddles-header.jpg) repeat;
}

.tiddles-stripes {
  max-width: 100%;
  background: url(images/tiddles-border.jpg) repeat-x;
}

.main-font {
  font-family: PatrickHand;
  font-size: 25px;
}

@media (min-width: 721px) {
  .header-font {
    font-size: 55px
  }
}

.header-font {
  font-family: HelloMoody;
}

h2 {
  font-family: HelloMoody;
}

.gradient-background {
  background: #000;
}

.btn-primary {
  background: #fe2c55;
  border: 2px solid #fff;
}

.btn-primary:hover,
.btn-check:checked+.btn,
:not(.btn-check)+.btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
  background: #e5284d;
  border: 2px solid #fff;
}

@media (max-width: 450px) {
  .main-font {
    font-size: 20px;
  }
}