text{
        font-family:Helvetica, Arial, sans-serif;
        font-size:24px;
        pointer-events:none;
    }
    .text{
        font-family:Helvetica, Arial, sans-serif;
    }
    .textAudio{
        font-family:Helvetica, Arial, sans-serif;
    }
    #numInput{
        position:relative;
        bottom:2px;
    }
    #entire{
      position:absolute;
      left:450px;
      top:0px;
    }
    #logo{
      position:absolute;
      right:-450px;
      top:10px;
    }
    #chart{
        width:950px;
        height:900px;
    }
    #question{
        position:relative;
        width:800px;
        height:618px;
        top:10px;
    }
    #close{
        z-index:10;
        position:absolute;
        top:10px;
        background-color:white;
        border:1px solid black;
        cursor:pointer;
    }
    #close:hover{
        background-color:grey;
    }
    #container{
        position:relative;
        z-index:9;
        width:850px;
        height:650px;
        background-color:white;
        bottom:900px;
        right:20px;
    }
    .normalContainer{
        visibility:hidden;
    }
    .inContainer{
        visibility:visible;
        animation: fadeIn ease 2s;
        -webkit-animation: fadeIn ease 2s;
        -moz-animation: fadeIn ease 2s;
        -o-animation: fadeIn ease 2s;
        -ms-animation: fadeIn ease 2s;
    }
    .outContainer{
        animation: fadeOut ease 2s;
        -webkit-animation: fadeOut ease 2s;
        -moz-animation: fadeOut ease 2s;
        -o-animation: fadeOut ease 2s;
        -ms-animation: fadeOut ease 2s;
    }

    @keyframes fadeIn {
        0% {
          opacity:0;
        }
        100% {
          opacity:1;
        }
      }
      
      @-moz-keyframes fadeIn {
        0% {
          opacity:0;
        }
        100% {
          opacity:1;
        }
      }
      
      @-webkit-keyframes fadeIn {
        0% {
          opacity:0;
        }
        100% {
          opacity:1;
        }
      }
      
      @-o-keyframes fadeIn {
        0% {
          opacity:0;
        }
        100% {
          opacity:1;
        }
      }
      
      @-ms-keyframes fadeIn {
        0% {
          opacity:0;
        }
        100% {
          opacity:1;
      }
    }

    @keyframes fadeOut {
        0% {
          opacity:1;
        }
        100% {
          opacity:0;
        }
      }
      
      @-moz-keyframes fadeOut {
        0% {
          opacity:1;
        }
        100% {
          opacity:0;
        }
      }
      
      @-webkit-keyframes fadeOut {
        0% {
          opacity:1;
        }
        100% {
          opacity:0;
        }
      }
      
      @-o-keyframes fadeOut {
        0% {
          opacity:1;
        }
        100% {
          opacity:0;
        }
      }
      
      @-ms-keyframes fadeOut {
        0% {
          opacity:1;
        }
        100% {
          opacity:0;
      }
    }