@font-face {
    font-family: 'Kirby'; /*a name to be used later*/
    src: url('fonts/kirby-classic.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'TF2 Secondary'; /*a name to be used later*/
    src: url('fonts/tf2secondary.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'Motherish'; /*a name to be used later*/
    src: url('fonts/Motherish-Regular.otf'); /*URL to font*/
}

@font-face {
    font-family: 'Apple Kid'; /*a name to be used later*/
    src: url('fonts/apple_kid.woff') format("truetype"); /*URL to font*/
}

.tf2secondarywhite {
  font-family: 'TF2 Secondary'; /* Use the font name defined above */
  color: white; /* Or #ffffff or rgb(255, 255, 255) */
  text-align: center;
  line-height: 0;
}

.motherish {
  font-family: 'Motherish'; /* Use the font name defined above */
  color: white; /* Or #ffffff or rgb(255, 255, 255) */
  text-align: center;
  line-height: 0;
}

.applekid {
  font-family: 'Apple Kid'; /* Use the font name defined above */
  color: white; /* Or #ffffff or rgb(255, 255, 255) */
  text-align: center;
  font-size: 100%;
  line-height: 0;
}

.applekid2 {
  font-family: 'Apple Kid'; /* Use the font name defined above */
  color: white; /* Or #ffffff or rgb(255, 255, 255) */
  text-align: center;
  font-size: 150%;
  line-height: 0;
}

.background {
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 47%;
}

.center2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  transition: transform 0.2s;
}

.center3 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 42%;
}