#learn-chapters{flex-direction:column;justify-content:center;align-items:center;gap:10%;width:100vw;height:fit-content;display:flex}
.chapter-page{width:100%;height:120%;margin-top:2%;padding-top:5%;position:relative}.chapter-name{color:#fff;flex-direction:column;justify-content:center;align-items:center;margin-bottom:5%;font:25pt Roboto medium;display:flex}.chapter-lessons{flex-direction:column;justify-content:center;align-items:center;gap:10%;width:100%;display:flex}.chapter-flex{flex-wrap:wrap;justify-content:center;align-items:center;gap:3%;width:70%;height:100%;display:flex;left:15%}
.lesson-page{background:var(--fg);border-radius:20px;flex:none;width:30%;height:25vh;margin-bottom:2%;padding:2%;text-decoration:none;transition:all .2s;position:relative}.lesson-page-in{flex-direction:column;justify-content:start;align-items:center;gap:10%;width:100%;height:100%;display:flex;position:relative;overflow:visible}.lesson-top{justify-content:start;align-items:center;gap:5%;width:100%;height:50%;display:flex;position:relative;overflow:visible}.lesson-top-num{aspect-ratio:1;color:#379ffb;background:#18193c;border-radius:100%;flex-direction:column;flex:0 0 20%;justify-content:center;align-items:center;font-size:20pt;display:flex}.lesson-top-title{color:#fff;font-size:20pt;overflow:visible}.lesson-top-level{transition:width .5s,left .1s;position:absolute;top:90%}.lesson-desc{color:var(--subtitle);text-overflow:ellipsis;text-align:start;width:100%;height:60%;font-size:12pt;overflow:visible}