@import url('https://fonts.googleapis.com/css2?family=Barriecito&family=Bruno+Ace&family=Chelsea+Market&family=Chokokutai&family=Doto:wght@100..900&family=Fontdiner+Swanky&family=Geostar+Fill&family=Happy+Monkey&family=Kirang+Haerang&family=Moirai+One&family=Palette+Mosaic&family=Revalia&family=Slackey&family=Tourney:ital,wght@0,100..900;1,100..900&display=swap');

html, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    cursor: crosshair;
background: rgb(172, 10, 164);

}

/* 
.change-text {
    animation-name: fontChange;
    animation-duration: 2s;
    animation-iteration-count: infinite;
  } */

  .barriecito-regular {
    font-family: "Barriecito", serif;
    font-weight: 400;
    font-style: normal;
  }

  .kirang-haerang-regular {
    font-family: "Kirang Haerang", serif;
    font-weight: 400;
    font-style: normal;
  }
  .slackey-regular {
    font-family: "Slackey", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .moirai-one-regular {
    font-family: "Moirai One", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .doto {
    font-family: "Doto", serif;
    font-weight: 400;
    font-style: normal;
  }

  .revalia-regular {
    font-family: "Revalia", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .palette-mosaic-regular {
    font-family: "Palette Mosaic", serif;
    font-weight: 400;
    font-style: normal;
  }

  .fontdiner-swanky-regular {
    font-family: "Fontdiner Swanky", serif;
    font-weight: 400;
    font-style: normal;
  }

  .tourney {
    font-family: "Tourney", serif;
    font-weight: 400;
    font-style: normal;
  }

  .bruno-ace-regular {
    font-family: "Bruno Ace", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .geostar-fill-regular {
    font-family: "Geostar Fill", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .chokokutai-regular {
    font-family: "Chokokutai", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .chelsea-market-regular {
    font-family: "Chelsea Market", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .happy-monkey-regular {
    font-family: "Happy Monkey", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  
  @keyframes fontChange {
    0% {
      font-family: 'Major Mon', monospace;
    }
    20% {
      font-family: 'Kaushan Script', cursive;
    }
    40% {
      font-family: 'Lobster', cursive;
    }
    60% {
      font-family: 'Ranchers', cursive;
    }
    80% {
      font-family: 'Bitter', serif;
    }
    100% {
      font-family: 'Major Mono Display', monospace;
    }
  }