.chartwrapper .menu {
  margin-bottom: 2rem;
  text-align: center; }
  .chartwrapper .menu .menu-item {
    display: inline-block;
    color: #57a0d7;
    margin-bottom: .5rem;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    padding: .5rem 1rem;
    border-radius: 1000px;
    margin-right: .5rem;
    border: 1px solid #57a0d7; }
    .chartwrapper .menu .menu-item:nth-child(1) {
      -webkit-animation: btnWiggle 5s infinite;
              animation: btnWiggle 5s infinite; }
    .chartwrapper .menu .menu-item:nth-child(2) {
      -webkit-animation: btnWiggle 5s infinite 1s forwards;
              animation: btnWiggle 5s infinite 1s forwards; }
    .chartwrapper .menu .menu-item:nth-child(3) {
      -webkit-animation: btnWiggle 5s infinite 2s forwards;
              animation: btnWiggle 5s infinite 2s forwards; }
    .chartwrapper .menu .menu-item:nth-child(4) {
      -webkit-animation: btnWiggle 5s infinite 3s forwards;
              animation: btnWiggle 5s infinite 3s forwards; }
    .chartwrapper .menu .menu-item:nth-child(5) {
      -webkit-animation: btnWiggle 5s infinite 4s forwards;
              animation: btnWiggle 5s infinite 4s forwards; }
    .chartwrapper .menu .menu-item:nth-child(6) {
      -webkit-animation: btnWiggle 5s infinite 5s forwards;
              animation: btnWiggle 5s infinite 5s forwards; }
    .chartwrapper .menu .menu-item:hover {
      -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
              box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
      cursor: pointer; }
  .chartwrapper .menu .active {
    background-color: #57a0d7;
    font-weight: 400;
    color: #fff; }

.chartwrapper .chart {
  width: 80%; }
  @media only screen and (max-width: 500px) {
    .chartwrapper .chart {
      width: 100%; } }
  .chartwrapper .chart .chartdiv {
    height: 300px;
    width: 100%; }

/* animation */
@-webkit-keyframes btnWiggle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  2% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  3.5% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  5% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }