@font-face{font-family:Nunito Sans;src:url(NunitoSans-VariableFont_YTLC,opsz,wdth,wght.aea2beb65035a4f8.ttf) format("truetype-variations");font-weight:100 900;font-stretch:50% 200%}html{font-family:Nunito Sans;background-color:#9acd32}.button-group{display:flex;justify-content:center}button{background-color:#4caf50;border:none;color:#fff;padding:15px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:12px;box-shadow:0 4px 8px #0003;transition:background-color .3s,transform .2s}button:hover{background-color:#45a049}button:active{background-color:#45a049;box-shadow:0 2px 4px #0003;transform:translateY(4px)}div>h3{margin-top:20px;font-size:1.5em}.card{width:300px;height:200px;position:relative;perspective:1000px;margin:0 auto 20px;border-radius:20px}.card-front,.card-back{width:100%;height:100%;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s;background-color:#fff;border-radius:20px;display:flex;align-items:center;text-align:center;justify-items:center;justify-content:center}.card-back{transform:rotateY(180deg)}.card-back #answer{display:none}.card-flipped .card-front{transform:rotateY(180deg)}.card-flipped .card-back{transform:rotateY(360deg);color:#fff;font-weight:700;font-size:20px}.card-flipped .card-back #answer{display:block}.card-flipped .card-back.correct{background-color:#4caf50}.card-flipped .card-back.incorrect{background-color:#f44336}#settings-sidebar{position:fixed;right:-288px;top:0;width:288px;height:100%;transition:right .3s;background-color:#fff;z-index:100;box-sizing:border-box;padding:10px;overflow-y:auto}#settings-sidebar.open{right:0}#scoreboard{display:flex;justify-content:center;align-items:center;background-color:#f4f4f4;padding:1em;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto 10px;width:300px;box-sizing:border-box}.score-item{flex:1;text-align:center}.score-label{font-size:1.2em;color:#333}.score-count{display:block;font-size:2em;font-weight:700;color:#444}.hamburger{background-color:#fff;padding:15px 10px;position:fixed;top:10px;right:15px;z-index:100;cursor:pointer}.hamburger .bar{background-color:#444;height:3px;margin:2px 0;width:25px}.full-width{margin-top:10px;width:100%}.close-button{display:flex;justify-content:flex-end}