@import url('https://fonts.googleapis.com/css2?family=Barriecito&family=Creepster&display=swap');

:root {
  --neon: limegreen;
}
body {
/*   background: url(https://cdn.glitch.global/43505eb0-c6f5-4399-bff7-10d63aadd0fd/pentagram.jpg?v=1738805347954); */
/*   background-color: black; */
/*   font-family: "Creepster", serif; */
/*   font-family: "Barriecito", serif; */
  font-family: "Courier", monospace;    
}

main {
  max-width: 900px;
  margin: auto;
}

/*  this is your paragraph text */

p {
  font-family: "Press Start 2P", sans-serif; 
    color: #f5b2e;
  
}

/* this is for links */

a {
  
}
/* this is for when you mouseover links */

a:hover {
  text-decoration-style: wavy;  
}

/* this is for headlines */

h1, h2, h3, h4, h5 {
  
}

footer {
  margin: 2rem 0;
}

footer hr {
  border: 1px dashed lightgrey;
  margin: 1rem 0;
}
/* these are custom classes just for the workshop */

.creepster {
  font-family: "Creepster", serif;
}

.wonkity {
    font-family: "Barriecito", serif;
}

.neon {
  color: var(--neon);
}

.shadow {
  text-shadow: 1px 1px 1px #333;
}


  * {
  box-sizing: border-box;
}