*{margin:0;padding:0;box-sizing:border-box;font-size:62.5%}.main-div{width:100%;height:80vh;display:flex;flex-direction:column}.header-div{height:10vh;width:100%;background-color:#ffffff1a;display:flex;align-items:center;justify-content:space-between}.header-text{font-size:2.4rem;font-weight:600;letter-spacing:1.1px;padding:1.3rem 2.6rem}.header-buttons{padding-right:1.6rem;display:flex;gap:1.6rem;align-items:center}.header-button{padding:1.2rem;background-color:#f1f3f5;border:none;border-radius:1rem;font-size:2rem;display:flex;align-items:center;justify-content:center}.start-button{font-size:1.6rem;font-weight:700;letter-spacing:1.3px;background-color:#40c057;color:#fff;padding-left:2rem;padding-right:2rem}.big-button{font-size:2.4rem;padding:1rem 2rem;border:none;border-radius:1rem;box-shadow:0 0 1.6rem #2b8a3e}.bottom-bar-container{height:10vh;background-color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 1.6rem #00000021;overflow:hidden}.bottom-bar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:2;height:100%;gap:.4rem;transition:all .5s}.bottom-tab-active{color:#66a80f;transform:scale(1.2)}.bottom-bar-text{font-size:1.2rem}.translate-div{padding:1.2rem;align-items:center;justify-content:center;gap:5.2rem}.translate-korean,.translate-chinese,.translate-input-box,.translate-check{font-size:3.6rem;text-align:center}.translate-input-box,.translate-check-box{line-height:5.2rem;border:none;height:5.2rem;white-space:nowrap;display:flex;align-items:center;justify-content:center}.translate-card-test{gap:7.2rem;justify-content:center}.translate-input-box:focus{outline:none}.translate-correct{color:green}.translate-wrong{color:red}.translate-card{width:30rem;height:50rem;border-radius:1rem;box-shadow:0 0 1.6rem #00000021;display:flex;flex-direction:column;align-items:center}.translate-selection-div{gap:5.2rem}.translate-selection-head{margin-top:3.6rem;font-size:3.6rem;letter-spacing:1.3px}.translate-selection-select{display:flex;flex-direction:column;gap:1.2rem}.translate-lesson-select{background-color:#f1f3f5;width:50vw;height:5.2rem;border-radius:2rem;display:flex;align-items:center;justify-content:space-evenly;font-size:1.6rem}.translate-selection-select span{font-size:1.6rem}.translate-selection-select button{background-color:#fff;border:none;border-radius:50%;width:3.8rem;height:3.8rem;font-size:2rem}.translate-lesson-lebal{display:flex;align-items:center;font-size:2.2rem}.dict-select-container{width:100%;height:80vh;display:flex;flex-direction:column;gap:5.2rem;align-items:center;justify-content:center}.dict-select-content{max-height:60vh;padding:1.2rem 2.4rem;overflow:scroll;display:grid;grid-template-columns:1fr 1fr;column-gap:2.4rem;row-gap:1.8rem;grid-auto-rows:5rem}.dict-select-item{width:39vw;height:5rem;font-size:1.6rem;border-radius:10rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 1.6rem #00000021}.translate-points-box{width:80%;display:flex;justify-content:space-between}.translate-box-time{font-size:2rem}.translate-box-point{font-size:2.4rem}.record-card{width:80%;height:9.8rem;border-radius:1rem;box-shadow:0 0 1.6rem #00000021;flex-shrink:0;display:flex;align-items:center;justify-content:center}.record-div{padding:1.2rem 0;gap:2rem;align-items:center;overflow:scroll}.vocabulary-div{padding:1.2rem 0;height:80vh;align-items:center;overflow:scroll;gap:3.2rem}.vocab-container{width:90%;height:90%;display:grid;grid-template-columns:7fr 1fr;grid-template-rows:1fr 1fr;align-items:center}.vocab-icon{grid-column:2;grid-row:1 / 3}.vocab-lesson{font-size:2rem;letter-spacing:1.2px}.vocab-sublesson{font-size:1.4rem;color:#868e96}.sublesson-div{height:80vh;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;justify-content:center;grid-auto-rows:auto;align-content:start;row-gap:2rem}.sublesson-card{width:80%;min-height:5.6rem;font-size:1.6rem;display:flex;align-items:center;justify-content:center;letter-spacing:1.1px;font-weight:400;border-radius:1rem;box-shadow:0 0 1.6rem #00000021;padding:.8rem}.vocab-div{padding:1.2rem 0;display:flex;flex-direction:column;align-items:center;gap:1.2rem;height:80vh;overflow-y:scroll}.vocab-card{width:80%;border-radius:1rem;box-shadow:0 0 1.6rem #00000021;display:flex;align-items:center;justify-content:center}.vocab-card-container{width:90%;height:90%;display:grid;grid-template-columns:5fr 1fr;grid-template-rows:1fr 1fr;row-gap:.6rem;align-items:center}.vocab-korean{font-size:2.6rem;font-weight:600}.vocab-chinese{font-size:2rem;color:#495057;grid-column:1 / 3;align-content:end}.test-buttons{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);column-gap:1.6rem;row-gap:1.2rem}.test-buttons>*:nth-child(-n+3){grid-column:span 2}.test-buttons>*:nth-child(n+4){grid-column:span 3}.record-container{height:90%;width:90%;display:grid;grid-template-rows:2fr 1fr;grid-template-columns:1fr 1fr}.record-date{font-size:1.6rem;align-self:self-end}.record-time{font-size:1.4rem;color:#495057}.record-acc{font-size:2.8rem;font-weight:600;color:#40c057;justify-self:center;align-self:center}.record-cost{justify-self:center;display:flex;align-items:center;gap:.4rem;font-size:1.4rem}.record-detail-container{width:100vw;display:flex;flex-direction:column;align-items:center}.record-wrong{background-color:#fff5f5}.record-correct{background-color:#ebfbee}