/* CSS STYLED BY MACKENZIE BUT THANK YOU GOOGLE AND BROWSING THE WEB - CREDIT WILL SHOW ON CODE WHERE CREDIT IS DUE */

/* 
Fonts 
*/ 
@import url('https://fonts.googleapis.com/css2?family=Jacquard+24&family=Jacquarda+Bastarda+9&family=Micro+5&display=swap');

.jacquarda-bastarda-9-regular {
      font-family: "Jacquarda Bastarda 9", serif;
      font-weight: 400;
      font-style: normal;
}
.micro-5-regular {
      font-family: "Micro 5", serif;
      font-weight: 100;
      font-style: normal;
}
.jacquard-24-regular {
      font-family: "Jacquard 24", serif;
      font-weight: 400;
      font-style: normal;
}


/* 
TYPEWRITER STUFF 
TY FOR INSTRUCTIONS: https://www.sitepoint.com/css-typewriter-effect/
*/ 

.typewriter{
      display: inline-block;
}
.typed-out{
      overflow: hidden;
      border-right: .15em solid grey;
      white-space: nowrap;
      animation: 
      typing 3s steps(20, end) forwards;
      width: 0;
}
@keyframes typing {
      from { width: 0 }
      to { width: 100% }
}

/* 
BODY
*/

body {
  background-color: white;
  background-image: url("starrybg.gif");
  color: #ffffff;
  font-family: "Micro 5", sans-serif;
  font-size:36px;
}