@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Grape+Nuts&display=swap');


:root {
  --purple-color: #4E2683;
  --gold-color: #B4A269;
  --main-font: 'Fredoka', sans-serif;
  --heading-font: 'Architects Daughter', cursive;
  --main-border: 2px solid #B4A269;
}

.alert {
  text-align: center;
  position: center;
  width: 90%;
  font-family: var(--main-font);
  color: white;
  border-radius: 5px;
}

.alertHeading {
  font-weight: bold;
  font-size: 1.2em;
}

.alert-red {
  /*border: 2px solid #bd0a0a;
  background-color: #e60f0f;*/
  background-color: rgba(255, 0, 50, .8);
  border: 2px solid rgba(255, 20, 25, .8);
}