#bothbox {position:relative;
	  width:100%;
	  height:80px;
	 }

#bothbox>div {position:absolute;
	  left:0px;
	  top:0px;
	  width:100%;
	     }
#correct {
    background-color:white;
    z-index:2;
}
#bothbox ul {margin-top:0px;padding-top:0px;}
.red {color:red;}
.quiz {
      border:1px solid;
      width:95vw;
      max-width: 350px;
      position:relative;
}
#canvas {
    margin-left:0px;
    width:350px;
    height:350px;
}
.quiz h1 {
         font-size:150%; 
         text-align:center;
         margin:0;
         width:100%;
         background:linear-gradient(to right,rgba(0,0,255,0.5),rgba(0,0,255,0.1));
         padding:3px;
        padding-right:0px;
}
#count {
             position:absolute;
             left:0px;
             top:5px;
             text-align:left;
             font-size:125%;
             color:yellow;
             padding-left:5px;
}
#score {
             position:absolute;
             right:0px;
             top:5px;
             text-align:right;
             font-size:125%;
             color:red;
             padding-right:5px;
}
#correct {
         font-size:48px;
         width:100%;
         text-align:center;
         height:100%;
}
.playagain {
           font-size:36px;
           border:3px solid;
           border-radius:12px;
           padding:8px;
           background-color:#ddd;
           box-shadow: 3px 3px 3px grey;
           cursor:pointer;
}
.instructions {
              display:inline-block;
              vertical-align:top;
              border:1px solid;
}
.quiz {display:inline-block;}
#help.toggle.shown {
    height: auto !important;

}
dfn {font-style: italic;}
#help {width:300px;
       overflow-y: scroll;
      }
#help .pivot  {width:250px;}
.dragarrow {
    z-index: 3;
    cursor: pointer;
}
body {
    width: 90vw;
    overflow-x: hide;
}