html,
body {
  padding: 0;
  margin: 0;
}

.cardContainer {
  font-family: "Dancing Script";
  width: 980px;
  position: relative;
}

.cardBackground {
}

.cardCopy {
  color: white;
  font-size: 40px;
  font-weight: bold;
  z-index: 999;
  position: absolute;
  top: 200px;
  left: cal;
  width: 100%;
  text-align: center;
}

.cardDaysCount {
  font-size: 200px;
  /* -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: #cc3333; */

  text-shadow: 1px 1px 0 #cc3333, 1px 1px 0 #cc3333, 1px -1px 0 #cc3333,
    -1px -1px 0 #cc3333;
}

.daysToNumber {
  font-size: 250px;
  -webkit-text-fill-color: #cc3333;
  -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: white;
}

.cardUntil {
}

.cardWaterMark {
  font-family: "Amatic SC";
  position: relative;
  bottom: 70px;
  font-size: 40px;
  color: white;
  left: 35px;
}