@import url(https://fonts.googleapis.com/css?family=Patua+One);#app{width:500px;background:#2d5386;padding:0;margin:0 auto;top:10px;position:relative;font-family:Patua One,serif;color:#2d5386;border-radius:4px}#app h2{font-size:32px;margin:20px 0 20px 0;padding-top:20px;color:#d9e3f0}#app h2,#app h3{text-align:center}#app h3{font-size:24px;margin:16px 0 20px 0;color:#2d5386}#app .form{margin:-30px 20px 20px 20px;display:block;background:#fff;padding:18px;border-radius:4px 4px 0 0;-webkit-transform:translateY(30px);transform:translateY(30px)}#app .form-group{width:100%;position:relative;font-size:18px;display:block}#app .form-group,#app .form-group label{-webkit-box-sizing:content-box;box-sizing:content-box}#app .form-group label{width:49%;display:inline-block;text-align:right;line-height:20px;padding:10px}#app .form-group .out{font-size:26px;color:#263238}#app .form-group input,#app .form-group select{width:35%;display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;font-size:18px;padding:6px 8px 2px 2px;border:none;border-bottom:3px solid #d9e3f0;background:none;outline:none;border-radius:2px 2px 0 0;color:#263238}#app .form-group input:active,#app .form-group input:focus,#app .form-group select:active,#app .form-group select:focus{background:#ebf0f7}#app .form-group input option,#app .form-group select option{background:#fff}#app .form-group input option:active,#app .form-group input option:focus,#app .form-group input option:hover,#app .form-group select option:active,#app .form-group select option:focus,#app .form-group select option:hover{background:#d9e3f0}.hover{position:fixed;display:block;padding:8px;font-size:16px;color:#2d5386;-webkit-transition:all .1s;transition:all .1s;background:#fff;pointer-events:none;border:1px solid #263238}.note{text-align:center;font-size:.7em}svg text{fill:#2d5386;font-family:Mada,sans-serif}svg line{stroke:#2d5386;stroke-width:2px}svg .xaxis{-webkit-transform:translate(20px,250px);transform:translate(20px,250px)}svg .graph{-webkit-transform:translate(20px);transform:translate(20px)}svg .graph rect{fill:#d9e3f0}svg .graph rect:hover{fill:#2d5386}svg .yaxis{-webkit-transform:translate(20px) rotate(90deg);transform:translate(20px) rotate(90deg)}