.fas,.fab,.far{
  font-size: 40px;
  color:black;
  margin:5px;
  transition:0.5s;
}
.fas:hover,.fab:hover,.far:hover{
  text-shadow: 1px 2px 3px grey, 2px 3px 5px black;
  transition:0.5s;
}
.nav-link{
  transition:0.5s;
}
.nav-link:hover{
  text-shadow: 1px 2px 3px grey, 2px 3px 5px black;
  transition:0.5s;
}
.border_shadow{
  transition:0.5s;
}
.border_shadow:hover{
  box-shadow: 1px 2px 3px grey, 2px 3px 5px black;
  transition:0.5s;
}
.animate{
  font-weight:bold;
  color:red;
  font-size: 30px;
  animation: offer 2s infinite;
}
.text_hover{
  cursor:pointer;
  transition:0.5s;
}
.text_hover:hover{
  /*text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;*/
  transition:0.5s;
}
@keyframes offer {
  0% {color:red;}
  25% {color:black;}
  50% {color:red;}
  100% {color:red;}
}

.btn-animate{
  background-color: blue;
  color: white;
  animation: button 3s infinite;
  width:300px;
  display:block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  transition:0.5s;
}
.btn-animate:hover{
  box-shadow: 1px 2px 5px grey, 2px 3px 12px black;
  transition:0.5s;
}

@keyframes button {
  0% {background-color: black; color:white;border:solid}
  50% {background-color: white;color:black;border:solid}
  100% {background-color: black; color:white;border:solid}
}


.clock {
  position: relative;
  color: black;
  font-size: 25px;
  font-family: "BankGothic Lt BT";
  margin-left: 5px;
}
.inline {
display: inline;

}
.exchange {
animation: currency 3s infinite;
transform:translateX(20%);
}
@keyframes currency {
from {transform:translateX(100%);}
to {transform:translateX(-100%);}
}
.countdown {
padding:10px;
list-style: none;
display:inline-block;
font-size:30px;
text-transform:uppercase;
}
.countdown_digit {
display:block;
font-size:60px;
}

.icons {
list-style: none;
display: inline-block;
text-transform: uppercase;
transition:0.5s;
cursor: pointer;
}
.icons:hover{

text-shadow: 1px 2px 5px grey, 2px 3px 12px black;
transition:0.5s;
}
.icon_ {
display: block;
}
@media screen and (max-width: 600px){
.countdown {
font-size: 15px;
}
.countdown_digit {
font-size: 30px;
}
}

video {
display: block;
margin-left: auto;
margin-right: auto;
}
.zoom{
transition: transform .5s;
}
.zoom:hover{
transform:scale(1.2);
}
.text_center{
text-align: center;
}
.footer_margin{
margin-top:10px;
}
.card_height {
height:460px;
}
footer {
margin-bottom: 25px;
}
.link_style {
  text-decoration: none;
}

:root {
  --col:#ff4da6;
}
.neonglow{

  font-size: 80px;
  color: #fff;
  animation: glow1 1s ease-in-out infinite alternate;

  text-shadow:
  0 0 20px #fff,
  0 0 30px var(--col),
  0 0 40px var(--col),
  0 0 50px var(--col),
  0 0 60px var(--col),
   0 0 70px var(--col),
    0 0 80px var(--col);
  text-shadow1: 0 0 1px #fff,
   0 0 2px #fff,
    0 0 40px black,
     0 0 40px black,
     0 0 40px black,
     0 0 40px black,
   0 0 40px black;
  }
}
.glow {
font-size: 80px;
color: #fff;
text-align: center;
margin-top: 200px;
animation: glow1 1s ease-in-out infinite alternate;
text-shadow:
0 0 20px #fff,
0 0 30px var(--col),
0 0 40px var(--col),
0 0 50px var(--col),
0 0 60px var(--col),
 0 0 70px var(--col),
  0 0 80px var(--col);
text-shadow1: 0 0 10px #fff,
 0 0 20px #fff,
  0 0 30px #e60073,
   0 0 40px #e60073,
   0 0 50px #e60073,
   0 0 60px #e60073,
 0 0 70px #e60073;
}

@-webkit-keyframes glow {
from {
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
}

to {
text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
}
}

.font-1{
  font-family: 'Comfortaa', cursive;
}
.font-2{
  font-family: 'Caveat', cursive;
  font-size: 60px;
}
.font-3{
  font-family: 'Balsamiq Sans', cursive;
}