#learn-first-page{width:100vw;height:100vh;position:relative}#learn-code{flex-direction:column;justify-content:start;align-items:start;width:100%;height:100%;display:flex;position:absolute;top:-4%;left:0}#learn-code-filter{background:linear-gradient(#0000,var(--bg));z-index:11;width:100%;height:100%;position:absolute;top:0;left:0}#learn-code-filter2{z-index:0;background:#173f66;width:100%;height:100%;position:absolute;top:0;left:0}#learn-code *{font-size:35pt}#learn-start{flex-direction:column;justify-content:center;align-items:center;width:100%;height:80%;display:flex;position:relative}#learn-start-menu{border:1px solid var(--subtitle);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;border-radius:20px;flex-direction:column;justify-content:start;align-items:center;gap:5%;width:30%;height:70%;display:flex;position:relative}#learn-start-menu-bg{background:var(--bg);opacity:.85;width:100%;height:100%;position:absolute;top:0;left:0}#learn-start-title{color:#fff;z-index:20;margin-top:35%;font:30pt Roboto}#learn-start-subtitle{color:var(--subtitle);z-index:20;font:20pt Roboto Light}#learn-start-continue{background:var(--fg);color:#fff;z-index:20;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:75%;height:15%;margin-top:5%;font:15pt Roboto;display:flex}#learn-first-info{justify-content:center;align-items:center;gap:30%;width:100%;height:20%;display:flex}.learn-first-info{color:#fff;justify-content:center;align-items:center;gap:5%;width:20%;height:40%;display:flex}.learn-first-info-circle{aspect-ratio:1;border:2px solid var(--subtitle);border-radius:100%;flex:0 0 10%}.learn-first-info-p{width:80%}
#learn-second-page{flex-direction:column;justify-content:center;align-items:center;gap:5%;width:100vw;height:100vh;display:flex;position:relative}#learn-second-annotation{color:#fff;background:var(--fg);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:40%;height:10%;display:flex}#learn-second-literature{justify-content:center;align-items:center;gap:5%;width:80%;height:50%;display:flex}#learn-second-playground{flex-direction:column;justify-content:center;align-items:center;gap:15%;width:50%;height:20%;display:flex}#learn-second-playground-p{color:var(--subtitle);font:15pt Roboto Light}#learn-second-bt{width:50%}.learn-second-book{flex-direction:column;justify-content:center;align-items:center;width:20%;height:80%;display:flex}.learn-second-book>img{width:100%}