// @import "./variables.scss";

$border: 1px solid grey;
$color-text-footer: #607d8b;
$bgcolor-text-footer: #f8f8f8;

.Footer {
  z-index: 100;
  margin: 50px 50px 20px 50px;
  padding: 10px 20px;
  color: $color-text-footer;
  // background-color: $bgcolor-text-footer;
  border-top: $border;
  text-align: center;
  font-size: 0.9em;
  > .copyright {
    display: block;
    margin-top: 10px;
    color: silver;
    color: $color-text-footer !important;
  }
  > * {
    margin-top: 10px !important;
  }
}

@media print {
  .Footer {
    page-break-inside: avoid;
  }
}

.heart {
  position: relative;
  top: 2px;
  color: silver;
  font-size: 20px;
  position: relative;
  display: inline-block;
  text-align: center;
  transition: color 1s;
}
.Footer:hover .heart {
  color: #bf360c;
  -webkit-animation: beat 0.35s infinite alternate;
  -moz-animation: beat 0.35s infinite alternate;
  -ms-animation: beat 0.35s infinite alternate;
  -o-animation: beat 0.35s infinite alternate;
  animation: beat 0.35s infinite alternate;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

@keyframes beat {
  to {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
  }
}

@-moz-keyframes beat {
  to {
    -moz-transform: scale(1.4);
    transform: scale(1.4);
  }
}

@-webkit-keyframes beat {
  to {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
}

@-ms-keyframes beat {
  to {
    -ms-transform: scale(1.4);
    transform: scale(1.4);
  }
}

@-o-keyframes beat {
  to {
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
}