.conten {
  background-color: #394861; 
  top: 4em;
  width: 100%;
  text-align: center; }
  .conten__img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .conten__img img {
      width: 20%;
      display: block;
      -webkit-animation: animates 2s linear infinite alternate;
      animation: animates 2s linear infinite alternate; }
    .conten__number {
      position: absolute;
      font-size: 5.5rem;
      font-family: "Gill Sans", sans-serif;
      font-weight: 600;
      top: 20rem;
      color: rgba(255, 255, 255, 0.5);
      -webkit-animation: animatestext 2s linear infinite alternate;
      animation: animatestext 2s linear infinite alternate; }
  .conten__error {
    color: #80787893;
    width: 50%;
    margin: 2em auto;
    font-family: "Gill Sans", sans-serif; }
  #conten__button{
    background-color: #394861;
    color: #c0ae1098;
    font-weight: 600;
    font-family: "Gill Sans", sans-serif;
    padding: 0.8em 1em;
    border-radius: 50px;
    text-decoration: none; }

@-webkit-keyframes animates {
  0% {
    -webkit-transform: translateX(5%);
    transform: translateX(5%); }
  100% {
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%); } }

@keyframes animates {
  0% {
    -webkit-transform: translateX(5%);
    transform: translateX(5%); }
  100% {
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%); } }

@-webkit-keyframes animatestext {
  0% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  100% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); } }

@keyframes animatestext {
  0% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  100% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); } }
