svg{
        overflow: visible;
    }

    .axis{
      opacity: .5;
    }

    .line{
      fill: none;
      stroke: #E84855;
      stroke-width: 5;
    }

    .area{
      fill: #eee;
    }

    .your-line1{
      stroke: rgb(8,82,128);
      stroke-width: 5;
      stroke-dasharray: 7 7;
    }

    .your-line{
      stroke: rgb(8,82,128);
      stroke-width: 5;
      stroke-dasharray: 7 7;
    }

    .tick line{
    opacity: 0.2;
  }

  @keyframes colorChange {
    0%{fill:#eee}
    50%{fill:#000}
    100%{fill: #eee}
}

  .labeldrawme {
    animation: colorChange 3s infinite;
  }

    .label2016 {
        font-size: 40px;
        fill: white;
    }

    .label2016_dark {
        font-size: 40px;
        fill: #e0e0e0;
    }

    .label_coreia {
        font-size: 20px;
        fill: #939393;
        opacity: 0;
    }

    .label_big_number {
        font-size: 1rem;
        fill: black;
    }


    input[type=submit]{
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
            display: block;
            margin: 20px auto;
            padding: 10px 15px;
            background: #00345e;
            color: #fff;
            font-size: 20px;
            outline: 0
        }
        

   input[disabled] {
            background: #ccc
        }

    .invisible {
        opacity: 1;
        animation: colorChange 3s infinite;
    }

    .invisible_out {
        opacity: 0;
    }

    .invisible_2 {
        opacity: 1;
    }


    #revelar2 {
        padding-top: 10px;
    }



@media only screen and (max-device-width: 480px) {

    .invisible {
        opacity: 0;
    }

    .invisible_2 {
        opacity: 0;
    }

    .invisible_out {
        opacity: 1;
        animation: colorChange 3s infinite;
    }

    .label_coreia {
        font-size: 12px;
        fill: #939393;
        opacity: 1;
    }


}