.dark-purple-text{
  color: #6f437d !important;
}

.birthstone-regular {
  font-family: "Birthstone", cursive !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.crimson-text-regular {
  font-family: "Crimson Text", serif !important;
  font-weight: 400 !important;
  font-style: normal;
}

.crimson-text-semibold {
  font-family: "Crimson Text", serif !important;
  font-weight: 600 !important;
  font-style: normal;
}

.crimson-text-bold {
  font-family: "Crimson Text", serif !important;
  font-weight: 700 !important;
  font-style: normal;
}

.crimson-text-regular-italic {
  font-family: "Crimson Text", serif !important;
  font-weight: 400 !important;
  font-style: italic;
}

.crimson-text-semibold-italic {
  font-family: "Crimson Text", serif !important;
  font-weight: 600 !important;
  font-style: italic;
}

.crimson-text-bold-italic {
  font-family: "Crimson Text", serif !important;
  font-weight: 700 !important;
  font-style: italic;
}

.delius-regular {
  font-family: "Delius", cursive !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: none !important;
}

.atma-light {
  font-family: "Atma", system-ui !important;
  font-weight: 300 !important;
  font-style: normal !important;
}

.atma-regular {
  font-family: "Atma", system-ui !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.atma-medium {
  font-family: "Atma", system-ui !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

.atma-semibold {
  font-family: "Atma", system-ui !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

  
.main-text{
  text-transform: capitalize !important;
  color: #f29ca4 !important;
  text-shadow: 3px 3px rgb(255 186 193 / 40%) !important;
  line-height: 0.7 !important;
  font-size: 2.5em !important;
  margin-bottom: 10px !important;
}

.secondary-text{
  font-size: 0.8em !important;
  margin-bottom: 10px !important;
}

.heart-symbol{
  display: inline-block;
  font-size: 90%;
  vertical-align: middle;
}

.pink-text{
  color: #ffbac1 !important;
}

.small{
  font-size: 0.4em !important;
}

.top-bottom-border-text{
  display: inline-block;
  padding: 12px 20px 8px 20px;
  border: 2px solid #f29ca4;
  border-width: 2px 0;
  color: #f29ca4;
  font-size: 0.5em !important;
  letter-spacing: 0.11em;
}

.date-text{
  display: inline-block;
  font-size: 0.5em;
  vertical-align: bottom;
  color: #f29ca4;
  margin: -7px 10px;
  line-height: 0.9;
}

.date-text > .day{
  font-size: 2.5em;
}

ul{
  list-style-type: circle !important;
}

.box-shadow{
  box-shadow: -0px 3px 10px -4px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.75);
}

.wa-link{
  background-color: rgb(37, 211, 102);
  color: white !important;
  border-radius: 0.5em;
  padding: 0.5em 1em;
  font-size: 0.5em;
  margin:0 0.2em;
}

.wa-link > img{
  display: inline-block;
  max-height: 1em;
  vertical-align: middle;
}

#startbtn {
  color: #6f437d !important;
  text-decoration: none;
}

#startbtn > .material-symbols-outlined{

  font-size: 1.5em;
  line-height: 0.5em;

}

.text-white-glow{
  text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 15px #ffffff !important;
}

.controls-arrow::before {
  box-shadow: -5px 3px rgb(255 186 193 / 40%) !important;
  color: #f29ca4;
}

.controls-arrow::after {
  box-shadow: 0px -4px rgb(255 186 193 / 40%) !important;
  color: #f29ca4;
}

.capitalize-text{
  text-transform: capitalize !important;
}

.material-symbols-outlined{
  font-size: 77%;
  line-height: inherit;
}

.semi-bold{
  font-weight: 600 !important;
}

.emi-slide-one{
  margin-bottom: -40px !important;
  margin-top: 0 !important;
}

.emi-slide{
  margin: 0 !important;
}

.bg-music-controls{
  display: block;
  position: absolute;
  top: auto;
  bottom: 5px;
  right: auto;
  left: 15px;
  z-index: 11;
  color: #f29ca4;
  font-size: 4em;
}

#bg-music-play, #bg-music-stop{
  text-shadow: 3px 3px rgb(255 186 193 / 40%) !important;
}