:root{--primary-color:#3498db;--font-size:16px;--color-navy:#3d30a2;--color-purple:#b15eff;--color-orange:#ffa33c;--color-yellow:#fffb73}body{background-color:#fff;font-size:16px;font-size:var(--font-size);margin:0;padding:0}.alphabet-card{background:#fff;cursor:pointer;display:flex;font-size:2rem;gap:.5rem;height:6rem;padding-left:.5rem;transition:width .3s,height .3s,top .3s,opacity .3s;width:6rem}.alphabet-card,.alphabet-card.expanded{border:3px solid var(--color-navy);border-radius:.5rem;color:var(--color-navy)}.alphabet-card.expanded{background-position:50%!important;background-size:initial!important;background:#fff;cursor:default;font-size:3rem;gap:1rem;margin:0;min-height:10rem;padding:1rem;position:fixed;transition:width .3s,height .3s;width:90%;z-index:1}.alphabet-card.expanded .speaker-icon{bottom:1rem;position:absolute;right:1rem}.alphabet-card__close{cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem}.overlay{align-items:center;background:rgba(61,48,162,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}h1,p,ul{margin:0}ul{list-style:none;padding:0}a{text-decoration:none}nav{font-size:1.5rem;padding:1rem}hr{border:.2px dashed #551a8b;max-width:900px;width:75%}.button{border:none;border-radius:.25rem;font-size:1rem;padding:1rem}.page{padding:2rem}.page--home{align-items:center;flex-flow:column;font-size:3rem;gap:2rem;min-height:calc(100dvh - 60px)}.page--alphabet,.page--home{display:flex;justify-content:center}.page--alphabet{flex-wrap:wrap;gap:1rem;padding:1rem}.page--words{display:flex;flex-flow:column;gap:2rem}.page--words .alphabet{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.alphabet .button{min-width:3rem}.page--words .words--current-image{align-items:center;display:flex;justify-content:center;min-height:8rem;text-align:center}.page--words .words--current-word{padding:1rem 0;text-align:center}.page--words .user-correct-letters{display:flex;font-size:2rem;gap:1rem;justify-content:center}.page--words .user-correct-letters span{border-bottom:1px solid #ccc;min-height:2rem;min-width:2rem;text-align:center}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.3);display:flex;flex-flow:column;font-size:2rem;gap:2rem;min-width:75%;padding:2rem;text-align:center;z-index:1001}.modal-content__actions{display:flex;gap:2rem;justify-content:center}
/*# sourceMappingURL=main.b63287db.css.map*/