/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500;700&display=swap');
/* Use the imported font on the page: On Google you can also find the CSS instruction for using the font. If you put this in the body element then the font will be used on the whole website. */
body {
  font-family: 'Lora', serif;
}
.icon-calendar {
  display: none;
}
:root {
  --cassiopeia-color-hover: #FAA4F7;
  --cassiopeia-color-link: #F66CF0;
}
.container-header {
  background-color: #F5A9F2;
  background-image: none;
}
.card-header {
  color: #FFE900;
  background-color: #F5A9F2;
  border: 1px solid #F5A9F2;
  font-family: 'Lora', serif;
}
.card-body {
  border: 1px solid #F5A9F2;
}
h2 {
  color: #FF17FF;
  font-family: 'Lora', serif;
}
.page-header {
  border-bottom-color: #FFE900;
  border-bottom-style: dashed;
  margin: 25px 0px 0px 0px;
  border-bottom-width: 5px;
  border-top-color: #FFE900;
  border-top-style: dashed;
  border-top-width: 3px;
  padding-bottom: 0px;
}
.create {
  color: #FF17FF;
}