@font-face {
  font-family: 'Belleza';
  src: url('https://horoscopetodayfree.com/public/styles/Belleza/Belleza-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Elms Sans';
  src: url('https://horoscopetodayfree.com/public/styles/Elms_Sans/static/ElmsSans-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Elms Sans';
  src: url('https://horoscopetodayfree.com/public/styles/Elms_Sans/static/ElmsSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: bold;
  font-display: swap;
}

body {
  font-family: Elms Sans;
  font-size: 16px;
}

.navbar-brand {
  font-size: 35px;
  color: #424242 !important;
}

.navbar-brand img {
  width: 300px;
}

h1 {
  font-size: 27px;
  font-family: Belleza;
  font-weight: bold;
}

h2 {
  font-size: 22px;
  font-family: Belleza;
  font-weight: bold;
}

h3 {
  font-size: 17px;
  font-weight: bold;
}

a {
  text-decoration: none;
  color: rgb(66,66,66) !important;
}

a:hover {
  color: black;
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
  color: #424242 !important;
}

/****/
.signCard>img {
  width: 100px;
  box-shadow: 0 0 0 0 rgba(242, 194, 181, .5);
  border-radius: 50%;
}

.articleCard img {
  width: 100px;
  box-shadow: 0 0 0 0 rgba(#335680, .5);
  border-radius: 50%;
}

.signCard {
  /*
  background: #C211BE;
  background: linear-gradient(180deg, rgba(0, 212, 255, 1) 0%, rgba(194, 17, 190, 1) 80px, rgba(255, 255, 255, 1) 80px);
  background: linear-gradient(180deg, rgba(194, 17, 190, 1) 0%, rgba(0, 212, 255, 1) 80px, rgba(255, 255, 255, 1) 80px);
  */
}

.articleCard {
  background: linear-gradient(180deg, #f2f2f2 0%, #f2f2f2 80px, rgb(255, 255, 255) 80px);
}

a:hover .signCard>img,
a:hover .articleCard>img {
  animation: pulse 1s infinite;
}

.signContent img {
  width: 100px;
}

#google-play {
  display: none;
}

footer{font-weight: normal;}

.bg-light {
  background-color: #eeeeee !important;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  70% {
    transform: scale(.8);
    box-shadow: 0 0 0 30px rgba(#FFFFFF, 0);
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(#FFFFFF, 0);
  }
}

@media (width <=800px) {
  #google-play {
    display: block;
  }
}

@media (width <=450px) {
  .navbar-brand img {
    max-width: 200px;
  }
}

@media (width <=280px) {
  .navbar-brand img {
    max-width: 150px;
  }
}

.bg-danger {
  background-color: #f2c2b5 !important;
}