
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Static Styles */
.Flex {
  display: flex;
}
.HCenter {
  justify-content: center;
}
.VCenter {
  align-items: center;
}
.Col {
  flex-direction: column;
}
.Pointer {
  cursor: pointer;
}
.W100 {
  width: 100%;
}
.M0 {
  margin: 0px;
}
/* Start Main Styles */
body {
  background-color: #fae7d1; /* For browsers that do not support gradients */
  background: linear-gradient(
    -45deg,
    black 0%,
    red 13%,
    green 25%,
    #94642a 38%,
    #caab85 50%,
    #388394 62%,
    #256b7a 75%,
    #206777 87%,
    #0e505f 100%
  );
  background-size: 400% 400%;
  position: relative;
  animation: animate 7.5s ease-in-out infinite;
}
.img-container {
  width: 30vw;
  height: 30vw;
  min-width: 300px;
  min-height: 300px;
}
.img-container > img {
  width: 100%;
  height: 100%;
}
a {
  text-decoration: none !important;
  color: #fae7d1;
}

.heartbeat {
  -webkit-animation: heartbeat 3s ease-in-out infinite both;
  animation: heartbeat 3s ease-in-out infinite both;
}
/* Start Media Css */
@media only screen and (max-width: 450px) {
  .img-container {
    min-width: 190px;
    min-height: 190px;
  }
}
@media only screen and (max-width: 700px) {
  .btn-item {
    flex-direction: column;
  }
}

/* Start KeyFrams */
@keyframes animate {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2020-5-20 16:28:58
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
 @-webkit-keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.96);
              transform: scale(0.96);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  @keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.96);
              transform: scale(0.96);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  