@charset "UTF-8";.main,nav{display:flex}.main{align-items:flex-start;width:100%}@media only screen and (max-width:1024px){.main{flex-direction:column;align-items:center;width:100%}}.regp,nav{flex-direction:column}nav{justify-content:center;align-items:center;width:280px}nav img{width:250px;margin:20px}@media only screen and (max-width:1024px){nav img{width:75%}}@media only screen and (max-width:812px){nav img{width:50%}}nav a{text-decoration:none;color:green;font-size:1.5rem;margin:0;padding:0;text-align:center}nav .active::after,nav a::after,nav a:hover::after{margin:0;padding:0;font-size:1rem;line-height:10px;display:flex}nav a::after{content:"▼▼▼▼▼";color:#fff}nav .active::after,nav a:hover::after{content:"▼▼▼▼▼▼▼";color:#000}.regp button,.regp section button,.regp section input{padding:10px;box-sizing:border-box}.regp{display:flex;width:100%;margin-left:20px;box-sizing:border-box;align-items:center}.regp .lesson div,.regp section{align-items:center;display:flex}.regp section{width:100%;box-sizing:border-box}.regp section input{background:#fff;width:100%;height:100%;font-size:1.25rem}@media only screen and (max-width:1024px){.regp{margin-left:0}.regp section input{width:95%}}.regp section button{width:400px;font-size:1.5rem;background:#d3d3d3;margin:20px}.regp section button:hover{background:green;cursor:pointer;color:#fff}.regp section button:disabled{pointer-events:none}@media only screen and (max-width:1024px){.regp section button{font-size:1.25rem;width:95%;margin-top:10px}.regp section{flex-direction:column}}.regp button{font-size:1.5rem;background:#d3d3d3;margin-right:20px}.regp button:hover{background:green;cursor:pointer;color:#fff}@media only screen and (max-width:1024px){.regp button{font-size:1.25rem;width:95%;margin:0}}.regp .lesson{display:flex;flex-direction:column;position:relative}.regp .lesson div h2{font-size:1.5rem;padding:20px;box-sizing:border-box;background:#00ff7f;margin:0}@media only screen and (max-width:1024px){.regp .lesson div h2{margin:0;text-align:center;width:100%;padding:20px 5px}}.regp .lesson div button{display:flex;align-items:center;margin:0;width:160px;background:0 0;border:none}@media only screen and (max-width:1024px){.regp .lesson div button{flex-direction:row}.regp .lesson div button::after{margin-left:5px;content:"help?";color:red}}@media (hover:hover){.regp .lesson div button:hover::after{margin-left:5px;content:"help?";color:red}}.regp .lesson div button img{width:50px}.regp .lesson div .helpO::after{margin-left:5px;content:"| help? |";color:green;display:inline-block}@media only screen and (max-width:1024px){.regp .lesson div{flex-direction:column-reverse;width:100%}}.regp .lesson p,.regp .lesson pre{font-size:1.5rem;padding:20px;overflow-wrap:anywhere;white-space:pre-wrap;width:90%;margin:0 20px 20px;border:2px dashed #000;background:#00ff7f}.regp .lesson span{background:#fff}.regp .lesson .help{display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:75px;width:90%;padding:20px;background:#00FF80;border:2px solid #00FF80}@media only screen and (max-width:1024px){.regp .lesson p,.regp .lesson pre{margin:0 0 20px;font-size:1.25rem}.regp .lesson .help{top:155px}.regp .lesson .help section h4{font-size:1.25rem}}.regp .lesson .help h3{margin-bottom:0}.regp .lesson .help section{display:flex;flex-direction:column;width:100%}.regp .lesson .help section div{display:flex;justify-content:space-around;align-items:center;flex-direction:row;width:100%}.regp .lesson .help section div:nth-child(even){justify-content:flex-start}.regp .lesson .help section div:nth-child(odd){display:grid;grid-template-columns:2fr 4fr;grid-gap:10px;justify-content:flex-start;background:#fff;margin-top:20px;padding:10px 10px 10px 20px}.regp .lesson .help section h4{color:red;font-weight:700;font-size:1.25rem;margin:2px}.regp .lesson .help section p{all:initial;font-family:"Inter var","Inter web",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:1.25rem}@media only screen and (max-width:1024px){.regp .lesson .help section p{font-size:1rem}}.regp p,.regp pre{font-size:1.5rem;padding:20px;overflow-wrap:anywhere;margin:20px 20px 0 0;border:2px dashed #000;background:#00ff7f}.regp span{background:#fff;border:1px solid #000;padding:2px}.regp .search{position:sticky;top:0;background:#fff;z-index:10}.regp .search div{display:flex;justify-content:space-between;align-items:center;width:100%}@media only screen and (max-width:1024px){.regp p,.regp pre{margin-right:0}.regp .search div{width:95%}}.regp .search div input{border:0;border-bottom:2px solid green;width:100%}@media only screen and (max-width:1024px){.regp .search div input{width:90%}}.regp .search div .flags{width:15%;box-sizing:border-box}@media only screen and (max-width:1024px){.regp .search div .flags{width:25%}}.regp .search h2{margin:10px}.lessonSelect{display:flex;justify-content:center;width:90%;flex-wrap:wrap;margin:20px 0}.lessonSelect button{margin:0;width:50px;height:50px}.lessonSelect button[data-select=true]{background:green;color:#fff}.helpO{width:100%}.helpO::after{margin-left:5px;content:"help?";color:#00f}body{background:#fff;font-family:"Inter var","Inter web",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}