#main{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:calc(100vh - 60px)}.group.show-single-false{background:#27ae60;height:30%;margin-bottom:15px;display:flex;align-items:center;justify-content:center;border-radius:20px}.action{height:20%}#main *{text-align:center}#main #flip-card{height:100%}.group{height:15%}.answer{background:#3498db;height:calc(50% - 30px);margin:15px 0;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:.5s}.answer.show-answer-false *{opacity:0}.action .show-answer{height:100%;display:flex;align-items:center;justify-content:center;font-size:3vmax;background:#34495e;border-radius:20px;color:#fff;font-weight:700;cursor:pointer}.direct{font-size:4vmax;color:#fff;font-weight:700}.pronunciation{font-size:2vmax;color:#fff}.group.show-single-false{font-size:4vmax;color:#fff;font-weight:700}.action .next{height:100%;display:flex;align-items:center;justify-content:center;font-size:3vmax;background:#bdc3c7;border-radius:20px;color:#fff;font-weight:700;cursor:pointer}.action .next:hover,.action .show-answer:hover{background:#536d88}.single{height:calc(15% - 5px);color:#fff;background:#27ae60}.group,.single{display:flex;justify-content:center;align-items:center;font-size:4vmax;border-radius:20px}.group{height:calc(15% - 10px);color:#7c7575;font-weight:700;background:#ecf0f1;margin-bottom:15px}.action>div>div{justify-content:space-between}.action>div>div,.go-on{display:flex;height:100%}.go-on{width:calc(50% - 7.5px);justify-content:center;align-items:center;font-size:4vmax;color:#fff;font-weight:700;border-radius:20px;cursor:pointer}.action>div{height:100%}.go-on.no{background:#c0392b}.go-on.no:hover{background:#dc5648}.go-on.yes{background:#2ecc71}.go-on.yes:hover{background:#50e68f}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}div#legal{height:40px;display:flex;justify-content:space-around;align-items:flex-end}div#legal a{text-decoration:none;color:#acacac}