*{margin:0;padding:0}body{font-family:arial}button{background-color:#4f6cce;padding:10px 25px;border:none;border-radius:25px;color:white;font-size:22px;transition:0.2s all;cursor:pointer}button:hover{background-color:#3154c5}button:focus{border:none;outline:none}button.check-all,button.uncheck-all,button.check-answers{font-size:14px;padding:8px 16px}.top-bar{padding:20px;background-color:#eee;display:flex;justify-content:space-evenly}@media (max-width: 1100px){.top-bar{flex-direction:column}}.key-select{display:flex;flex-wrap:wrap}.key-select input{margin-left:15px;margin-right:3px}.key-select p{margin-bottom:15px;width:100%;font-size:18px}@media (max-width: 1100px){.key-select{align-items:center;justify-content:center;margin-bottom:25px}.key-select p{text-align:center}}.key-select>div{margin-bottom:8px}.key-select>div:nth-child(2) input{margin-left:0}.key-select-buttons{width:100%;margin-top:15px}@media (max-width: 1100px){.key-select-buttons{text-align:center}}.button-show-a-key{display:block;flex:none;background-color:#3a993a;align-self:center}.button-show-a-key:hover{background-color:#1c7a1c}.check-answers{display:none;margin:0 auto}.check-answers.visible{display:block}.key-box{display:none;justify-content:center;margin:40px 0 20px 0;padding:20px}.key-box.visible{display:flex;flex-wrap:wrap}.key{margin:0 15px 20px 0;display:flex;flex-direction:column;align-items:center;font-size:20px}.key select{font-size:20px}.key select option{font-size:14px}.note-number{font-weight:bold;font-size:12px;padding:15px 0}.results{margin-top:50px;text-align:center;font-size:22px;font-weight:bold}.show-answers{display:none;margin:10px auto 0 auto;font-size:16px;padding:8px 16px;margin-top:10px;color:#3154c5;background:none}.show-answers:hover{background:none}.show-answers.visible{display:block}.wrong{background-color:#ff2c2c;color:white;padding:10px 20px;display:block}.right{background-color:#3a993a;color:white;padding:10px 20px;display:block}
/*# sourceMappingURL=style.css.map */