@import url(https://fonts.googleapis.com/css2?family=Flamenco&display=swap);
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  min-height: 100vh;
  position: relative;
}
.clouds,
.stars,
.twinkling {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.stars {
  z-index: -4;
  background: #000 url(/static/media/stars.90c266f7.png) repeat fixed 50%;
}
.twinkling {
  z-index: -3;
  background: transparent
    url(data:image/png;base64,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)
    repeat fixed 50%;
  animation: move-twink-back 200s linear infinite;
}
@keyframes move-twink-back {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 5000px;
  }
}
@keyframes move-clouds-back {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 10000px 0;
  }
}
.horoscopeContainer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border: 10px solid #b676ff;
  border-radius: 0.5rem;
  background-color: hsla(0, 0%, 100%, 0.4);
  margin: 0 1rem 1rem;
  padding: 0.5rem 0;
}
.horoscopeContainer h1 {
  font-size: 3rem;
  margin: 0 1rem 1rem;
  border-bottom: 2px ridge #b676ff;
}
.horoscopeContainer h1,
.horoscopeContainer p {
  font-family: "Flamenco", cursive;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4), 4px 4px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 0 1rem;
  text-align: center;
}
.horoscopeContainer p {
  font-size: 1.5rem;
}
.starAnim {
  animation-name: starlight;
  animation-duration: 2s;
  animation-iteration-count: 2;
  animation-direction: alternate;
  animation-timing-function: linear;
}
@keyframes starlight {
  0% {
    box-shadow: none;
  }
  10% {
    box-shadow: 0 0 1px 1px hsla(0, 0%, 100%, 0.9);
  }
  20% {
    box-shadow: 0 0 2px 2px hsla(0, 0%, 100%, 0.9);
  }
  30% {
    box-shadow: 0 0 3px 3px hsla(0, 0%, 100%, 0.9);
  }
  40% {
    box-shadow: 0 0 4px 4px hsla(0, 0%, 100%, 0.9);
  }
  50% {
    box-shadow: 0 0 5px 5px hsla(0, 0%, 100%, 0.9);
  }
  60% {
    box-shadow: 0 0 6px 6px hsla(0, 0%, 100%, 0.9);
  }
  70% {
    box-shadow: 0 0 7px 7px hsla(0, 0%, 100%, 0.9);
  }
  80% {
    box-shadow: 0 0 8px 8px hsla(0, 0%, 100%, 0.9);
  }
  90% {
    box-shadow: 0 0 9px 9px hsla(0, 0%, 100%, 0.9);
  }
  to {
    box-shadow: 0 0 10px 10px hsla(0, 0%, 100%, 0.9);
  }
}
:root {
  --taurus: url(./static/media/taurus.d0c4b9b0.png);
  --aquarius: url(./static/media/aquarius.10aaca53.png);
  --sagittarius: url(./static/media/sagittarius.a28fee53.png);
  --capricorn: url(./static/media/capricorn.3095f720.png);
  --pisces: url(./static/media/pisces.a49c90c1.png);
  --leo: url(./static/media/leo.0f7e4f98.png);
  --virgo: url(./static/media/virgo.cd79d3a5.png);
  --libra: url(./static/media/libra.248af476.png);
  --scorpio: url(./static/media/scorpio.55d4caaf.png);
  --aries: url(./static/media/aries.2fe5c43e.png);
  --gemini: url(./static/media/gemini.5c314d9b.png);
  --cancer: url(./static/media/cancer.0545f46f.png);
}
.signContainer {
  width: 40vw;
  height: 40vw;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border: 10px solid #b676ff;
  border-radius: 0.5rem;
  background-color: hsla(0, 0%, 100%, 0.4);
  margin: 0 1rem 1rem;
  padding: 0.5rem 0;
  border-radius: 50%;
}
@media (min-width: 600px) {
  .signContainer {
    width: 15vw;
    height: 15vw;
  }
}
:root {
  --rinstaurus: url(./static/media/Photo-Coming-Soon.aa1c5893.png);
  --rinsaquarius: url(./static/media/Photo-Coming-Soon.aa1c5893.png);
  --rinssagittarius: url(./static/media/Photo-Coming-Soon.aa1c5893.png);
  --rinscapricorn: url(./static/media/Photo-Coming-Soon.aa1c5893.png);
  --rinspisces: url(./static/media/Photo-Coming-Soon.aa1c5893.png);
  --rinsleo: url(./static/media/Photo-Coming-Soon.aa1c5893.png);
  --rinsvirgo: url(./static/media/Photo-Coming-Soon.aa1c5893.png);
  --rinslibra: url(./static/media/Photo-Coming-Soon.aa1c5893.png);
  --rinsscorpio: url(./static/media/Photo-Coming-Soon.aa1c5893.png);
  --rinsaries: url(./static/media/Photo-Coming-Soon.aa1c5893.png);
  --rinsgemini: url(./static/media/Photo-Coming-Soon.aa1c5893.png);
  --rinscancer: url(./static/media/Photo-Coming-Soon.aa1c5893.png);
}
.artContainer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border: 10px solid #b676ff;
  border-radius: 0.5rem;
  background-color: hsla(0, 0%, 100%, 0.4);
  margin: 0 1rem 1rem;
  padding: 0.5rem 0;
}
.artContainer a {
  font-size: 1.25rem;
  font-family: "Flamenco", cursive;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4), 4px 4px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  padding: 2px 1rem;
  margin-bottom: 0.5rem;
  background: #b676ff;
  border-radius: 1rem;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), -1px 1px 2px rgba(0, 0, 0, 0.2);
}
.artContainer a:hover {
  -webkit-filter: brightness(0.9);
  filter: brightness(0.9);
}
.artContainer h1 {
  font-size: 3rem;
  font-family: "Flamenco", cursive;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4), 4px 4px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 0 1rem;
  text-align: center;
}
.art {
  width: 40vw;
  height: 40vw;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 1rem;
}
@media (min-width: 600px) {
  .art {
    width: 15vw;
    height: 15vw;
  }
}
.desc {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border: 10px solid #b676ff;
  border-radius: 0.5rem;
  background-color: hsla(0, 0%, 100%, 0.4);
  margin: 0 1rem 1rem;
  padding: 0.5rem 0;
}
.desc h1 {
  font-size: 3rem;
  margin: 0 1rem 1rem;
  border-bottom: 2px ridge #b676ff;
}
.desc h1,
.desc p {
  font-family: "Flamenco", cursive;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4), 4px 4px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 0 1rem;
  text-align: center;
}
.desc p {
  font-size: 1.5rem;
}
.about {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border: 10px solid #b676ff;
  border-radius: 0.5rem;
  background-color: hsla(0, 0%, 100%, 0.4);
  margin: 0 1rem 1rem;
  padding: 0.5rem 0;
}
.about h1 {
  font-size: 3rem;
  padding: 0.5rem 1rem 0;
  margin: 0 1rem 1rem;
  border-bottom: 2px ridge #b676ff;
}
.about h1,
.about h3 {
  font-family: "Flamenco", cursive;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4), 4px 4px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
}
.about h3 {
  font-size: 2rem;
  padding: 0 1rem 0.5rem;
}
.about li {
  font-size: 1.25rem;
  font-family: "Flamenco", cursive;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4), 4px 4px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  text-align: left;
  padding: 0;
  list-style-position: inside;
}
.aboutContainer {
  padding: 0.5rem;
}
.aboutTraits {
  padding-bottom: 1rem;
}
.birth {
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #000;
  width: 2rem;
  padding: 0 5px;
  margin: 0 5px;
}
#month {
  width: 2.25rem;
}
#year {
  width: 3rem;
}
.App {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 4;
  color: #fff;
}
.birthHeader {
  font-size: 4rem;
  font-family: "Flamenco", cursive;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4), 4px 4px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 0 1rem;
  text-align: center;
}
header {
  justify-content: center;
  border-radius: 0.5rem;
  background-color: hsla(0, 0%, 100%, 0.4);
  border: 5px solid #b676ff;
  padding: 1rem;
  margin: 1rem;
}
.birthForm,
header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.birthForm {
  padding-top: 1rem;
}
.birthForm label {
  font-size: 1.25rem;
  font-family: "Flamenco", cursive;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4), 4px 4px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  padding: 0 1rem 1rem;
  display: flex;
  flex-direction: row;
}
.birthForm p {
  display: none;
  color: red;
}
.birthForm .show {
  display: block !important;
}
.birthForm button {
  width: 4rem;
  height: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  color: #fff;
  background-color: #2c51c2;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4), -1px 1px 2px rgba(0, 0, 0, 0.4);
}
.birthForm button:hover {
  cursor: pointer;
  border: none;
  -webkit-filter: brightness(0.95);
  filter: brightness(0.95);
}
.birthForm button:focus {
  outline: none;
  border: 1px solid #000;
  border-radius: 5px;
}
.show {
  display: block !important;
}
@media (min-width: 600px) {
  #month,
  .birth {
    width: 3rem;
  }
  #year {
    width: 4rem;
  }
}
@media (min-width: 1050px) {
  header {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: header;
    align-self: start;
  }
  .signComp {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: sign;
  }
  .horoscopeComp {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: horoscope;
  }
  .artComp {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: rinsArt;
    margin-top: 2rem;
  }
  .descComp {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: desc;
    margin: 0 3rem;
  }
  .aboutComp {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: about;
  }
  .App {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30% 40% 30%;
    grid-template-columns: 30% 40% 30%;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: "sign header rinsArt" "about horoscope desc";
    justify-items: center;
    flex-direction: row;
    align-items: center;
  }
}
/*# sourceMappingURL=main.98e473d3.chunk.css.map */