@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@700&display=swap');

:root {
  --grayish-blue: hsl(237, 18%, 59%);
  --soft-red: hsl(345, 95%, 68%);
  --dark-desaturated-blue: hsl(236, 21%, 26%);
  --very-dark-blue: hsl(235, 16%, 14%);
  --mostly-black-blue: hsl(234, 17%, 12%);
}

.flipstyle {
  box-sizing: border-box;
  font-family: "Red Hat Text", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  
}

body {
  /*background-image: url("../img/bg-stars.svg"),
  url("../img/pattern-hills.svg"), linear-gradient(rgb(30, 30, 40), rgb(37, 29, 44));
  background-position: bottom right -210px, top right, top;
  background-repeat: no-repeat;
  background-size: auto, cover;
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100vh;*/
}

/*
footer a > img:hover {
  filter: brightness(0) saturate(100%) invert(54%) sepia(14%) saturate(5228%) hue-rotate(310deg) brightness(101%) contrast(97%);
}
*/
vertical-flip-card {
  display: block;
  background-color:rgb(240,240,240); 
  margin-bottom: clamp(15px, 3vw, 30px);
  height: clamp(50px, 8vh, 50px); /*clamp(50px, 10.4vw * 0.9452, 60px);*/
  width: clamp(50px, 10.4vw, 80px);
  border-radius: clamp(5px, 0.5vw, 7px); /*border-radius: 0.7em;*/
  /*border-radius: clamp(5px, 0.5vw, 7px) clamp(5px, 0.5vw, 7px) clamp(5px, 0.5vw, 7px) clamp(5px, 0.5vw, 7px);*/
}

#countdown {
  display: flex;
  justify-content: center;
}

.count {
  /*margin: clamp(8px, 1.5vw, 15px);*/
  margin: clamp(0px, 0.5vw, 1px);
  /*background-color:#a2cbdd;*/
}

.count > span {
  color: var(--grayish-blue);
  font-size: clamp(7px, 0.97vw, 9px);
  letter-spacing: 3px;
}
/*
@media screen and (min-width: 376px) {
  body {
    background-position: bottom right, top right, top;
  }
}

@media screen and (min-width: 1440px) {
  body {
    background-size: contain, cover;
  }
}
*/