@-webkit-keyframes hideshow {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  @keyframes hideshow {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  @-webkit-keyframes popup {
    0% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
    }
    100% {
      -webkit-transform: translateY(10px);
              transform: translateY(10px);
    }
  }
  
  @keyframes popup {
    0% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
    }
    100% {
      -webkit-transform: translateY(10px);
              transform: translateY(10px);
    }
  }
  
  @-webkit-keyframes shpyellow {
    0% {
      -webkit-transform: translate(300px, 371px);
              transform: translate(300px, 371px);
    }
    100% {
      -webkit-transform: translate(295px, 371px);
              transform: translate(295px, 371px);
    }
  }
  
  @keyframes shpyellow {
    0% {
      -webkit-transform: translate(300px, 371px);
              transform: translate(300px, 371px);
    }
    100% {
      -webkit-transform: translate(295px, 371px);
              transform: translate(295px, 371px);
    }
  }
  
  @-webkit-keyframes shpblue {
    0% {
      -webkit-transform: translate(71px, 250px);
              transform: translate(71px, 250px);
    }
    100% {
      -webkit-transform: translate(71px, 256px);
              transform: translate(71px, 256px);
    }
  }
  
  @keyframes shpblue {
    0% {
      -webkit-transform: translate(71px, 250px);
              transform: translate(71px, 250px);
    }
    100% {
      -webkit-transform: translate(71px, 256px);
              transform: translate(71px, 256px);
    }
  }
  
  @-webkit-keyframes shpbig {
    0% {
      -webkit-transform: translate(71px, 39px);
              transform: translate(71px, 39px);
    }
    100% {
      -webkit-transform: translate(71px, 45px);
              transform: translate(71px, 45px);
    }
  }
  
  @keyframes shpbig {
    0% {
      -webkit-transform: translate(71px, 39px);
              transform: translate(71px, 39px);
    }
    100% {
      -webkit-transform: translate(71px, 45px);
              transform: translate(71px, 45px);
    }
  }
  
  @-webkit-keyframes phonemov {
    0% {
      -webkit-transform: translate(175px, 98px);
              transform: translate(175px, 98px);
    }
    100% {
      -webkit-transform: translate(175px, 93px);
              transform: translate(175px, 93px);
    }
  }
  
  @keyframes phonemov {
    0% {
      -webkit-transform: translate(175px, 98px);
              transform: translate(175px, 98px);
    }
    100% {
      -webkit-transform: translate(175px, 93px);
              transform: translate(175px, 93px);
    }
  }
  
  @-webkit-keyframes shadow {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    100% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
  }
  
  @keyframes shadow {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    100% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
  }
  
  #circle {
    -webkit-animation: popup 4s ease-in-out alternate infinite;
            animation: popup 4s ease-in-out alternate infinite;
  }
  
  #shape-yellow {
    -webkit-animation: shpyellow 2s ease-in-out alternate infinite;
            animation: shpyellow 2s ease-in-out alternate infinite;
  }
  
  #shape-small {
    -webkit-animation: shpblue 2s ease-in-out alternate infinite;
            animation: shpblue 2s ease-in-out alternate infinite;
  }
  
  #shape-big {
    -webkit-animation: shpbig 2s ease-in-out alternate infinite;
            animation: shpbig 2s ease-in-out alternate infinite;
  }
  
  #phone {
    -webkit-animation: phonemov 2s ease-in-out alternate infinite;
            animation: phonemov 2s ease-in-out alternate infinite;
  }
  
  #shadow-big {
    -webkit-animation: shadow 2s ease-in-out alternate infinite;
            animation: shadow 2s ease-in-out alternate infinite;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  
  @media screen and (max-width: 480px) {
    svg {
      width: 100%;
    }
  }