body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}blockquote,li{padding-left:1vmax}blockquote{padding-right:1vmax}.flash-card,main{position:relative}.flash-card{width:50vmin;margin-left:calc((100vw - 50vmin)/2);margin-top:4vmax;padding:5vmin;border-radius:10vmin;font-size:15vh;line-height:1;text-align:right;box-shadow:.5vmin .5vmin 3vmin grey}.flash-card:before{display:block;position:absolute;left:5vmin;bottom:7vmin;font-size:8vh;content:attr(data-operation);text-transform:uppercase}.flash-card .b{border-bottom:2px solid #000}.numerals-list{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin-top:4vmax}.numerals-list .numeral{height:20vmin;margin:1vmin;line-height:20vmin;border-radius:3vmin;text-align:center;font-size:8vh;box-shadow:.05vmin .05vmin 1vmin grey;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.answer-block{width:80vmin;margin-left:calc((100vw - 80vmin)/2);margin-top:4vmax;font-size:10vmin}.answer-block,.answer-block.correct{transition:background-color .2s ease-in-out}.answer-block.correct{background-color:rgba(0,128,0,.4)}.answer-block.incorrect{background-color:rgba(255,0,0,.4);transition:background-color .2s ease-in-out}.answer-block:after{clear:both;content:"";height:0;width:0;display:block}.answer-block div{border-radius:1vmin;border:1px solid #000;height:10vh;line-height:10vh;text-align:center;font-size:3vmax;float:left}.answer-block .answer{width:60%;font-size:6vmax}.answer-block .button{width:20%}.answer-block .button.go{color:green}header{position:relative;padding-left:1vw;height:10vmax;line-height:10vmax}header .button{position:absolute;right:0;top:0;padding-left:2.5vw;padding-right:2.5vw;font-size:5vmax;cursor:pointer}.controls_outer{display:none;background-color:rgba(0,0,0,.4);height:100vh;width:100vw;position:fixed;left:0;top:0}.controls_outer.open{display:block}.controls_outer .controls{background-color:#fff;position:fixed;top:30vh;width:80vw;margin-left:10vw;padding:1vh;text-align:center;border-radius:2vmin;box-shadow:.5vmin .5vmin 3vmin #000}.controls_outer .controls .button{width:90%;margin-left:5%;margin-bottom:1vh;height:7.5vh;line-height:7.5vh;box-shadow:.5vmin .5vmin 3vmin grey;border:1px solid gray;border-radius:1vmin;font-size:4vmax;text-transform:uppercase}.controls_outer .controls .button.operation{width:20%;margin-left:2.5%;margin-right:2.5%;float:left}