body{background:#222;color:#ccc;margin-top:1rem}.titleBox{text-align:center}.textArea{width:100%;height:14rem;white-space:pre;font-family:monospace;background:#CCC;border-radius:5px}.flex-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:#444;border-radius:5px}.flex-container>.flex-item{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.flex-buttons-item{margin-top:auto;margin-bottom:auto;padding-left:0.5rem;padding-right:0.5rem}.example{background:#444;border-radius:5px;padding:0.2rem;margin-bottom:0.5rem;text-align:center}#appArea{display:none}.info{width:90%;font-size:small;font-weight:lighter;margin-left:auto;margin-right:auto}@media only screen and (min-width:768px){.info{width:60%}}