@font-face {
  font-family: Dream Planner;
  src: url(fonts/dreamplanner.otf);
}

@font-face {
  font-family: Ember and Fire;
  src: url(fonts/ember-fire.otf);
}

@font-face {
  font-family: Source Serif Pro;
  src: url(fonts/SourceSerifPro-Regular.ttf);
}

html,
body {
  margin: 0;
  font-family: Source Serif Pro;
  font-size: 1.3vw;
}

header {
  margin: 0;
}

h1 {
  font-family: Dream Planner;
  font-size: 4vw;
  margin: 0;
}

h2 {
  font-family: Ember and Fire;
  font-size: 2.5vw;
  margin: 0;
}

p {
  margin: 0;
}

section {
  padding: 20px;
}

.schedule-card {
  background-color: ghostwhite;
  color: black;
  text-align: center;
  padding: 15px;
  margin: 5px;
  border-radius: 20px;
  width: 20vw;
}

.workshop-card {
  background-color: ghostwhite;
  color: black;
  text-align: center;
  padding: 15px;
  margin: 5px;
  border-radius: 20px;
  width: 20vw;
  height: 25vh;
  align-content: center;
}

.workshop-card img {
  max-width: 80%;
}

.sponsor-card {
  text-align: center;
  /* padding: 15px; */
  /* margin: 5px; */
  width: 15vw;
  align-content: center;
}

.sponsor-card img {
  max-width: 80%;
}

.hc-card {
  background-color: ghostwhite;
  color: black;
  text-align: center;
  padding: 15px;
  margin: 5px;
  border-radius: 20px;
  width: 20vw;
  height: 35vh;
  align-content: center;
}

.hc-card img {
  max-width: 80%;
}

a {
  color: inherit;
}