@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";div.view.load>main>span.icon{width:3rem;padding:1rem;border-radius:100%;background-color:#fff}div.view.load>main>span.icon>img{display:block;width:100%}div.view.load>main>span.text{color:gray}div.view.auth>main>div{padding:1rem;display:flex;gap:1rem;line-height:2rem;color:gray;font-weight:700}div.view.auth>main>div>span{display:flex}div.view.auth>main>div>span>img{width:2rem}div.view.auth>main>form>span>a{cursor:pointer}div.view.auth.in>main>form>span>a.in{font-weight:700}div.view.auth.up>main>form>span>a.up{font-weight:700}div.view.auth.in>main>form>input[type=text]{display:none}div.view.home>main{padding:2rem;gap:2rem}div.view.home>main>ul{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;list-style:none}div.view.home>main>ul>li{display:flex;background-size:cover;background-position:center;border-radius:2rem}div.view.home>main>ul>li>a{padding:1rem;width:16rem;max-width:100%;aspect-ratio:16/10;border-radius:inherit;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;box-shadow:.25rem .25rem 1rem #0000001a;color:#fff}div.view.course>main{padding:2rem;gap:2rem}div.view.course>main>div{width:60rem;max-width:100%;background-color:#fff;border-radius:2rem}div.view.course>main>div.head{display:flex}div.view.course>main>div.head>div.icon{width:20rem;flex-shrink:0;min-height:20rem;display:flex;align-items:center;justify-content:center;border-top-left-radius:inherit;border-bottom-left-radius:inherit}div.view.course>main>div.head>div.icon>img{width:100%;border-top-left-radius:inherit;border-bottom-left-radius:inherit}div.view.course>main>div.head>div.text{padding:2rem;display:flex;flex-direction:column;gap:1rem}div.view.course>main>div.head>div.text>span{color:#d3d3d3}div.view.course>main>div.head>div.text>p{font-size:1.5rem}div.view.course>main>div.body{padding:2rem;display:flex;flex-direction:column;gap:2rem}div.view.course>main>div.body>ol{list-style-type:none;display:flex;flex-direction:column;gap:2rem}div.view.course>main>div.body>ol>li>a{display:flex}div.view.course>main>div.body>ol>li>a>div.icon{width:7rem;flex-shrink:0;display:flex}div.view.course>main>div.body>ol>li>a>div.icon>span{width:100%;aspect-ratio:1;border-radius:1rem;display:flex;color:#fff;font-size:2rem;background-size:cover;background-position:center}div.view.course>main>div.body>ol>li>a>div.icon>span>span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit}div.view.course>main>div.body>ol>li>a>div.text{padding:1rem;display:flex;flex-direction:column;gap:1rem}div.view.course>main>div.body>ol>li>a>div.text>span.title{color:#000;font-weight:700}div.view.course>main>div.body>ol>li>a>div.text>span.description{color:gray}div.view.chapter>main{padding:2rem;gap:2rem}div.view.chapter>main>div{width:60rem;max-width:100%;background-color:#fff;border-radius:2rem}div.view.chapter>main>div.head{display:flex}div.view.chapter>main>div.head>div.icon{width:20rem;flex-shrink:0;min-height:20rem;display:flex;align-items:center;justify-content:center;border-top-left-radius:inherit;border-bottom-left-radius:inherit}div.view.chapter>main>div.head>div.icon>img{width:100%;border-top-left-radius:inherit;border-bottom-left-radius:inherit}div.view.chapter>main>div.head>div.text{padding:2rem;display:flex;flex-direction:column;gap:1rem}div.view.chapter>main>div.head>div.text>span{color:#d3d3d3}div.view.chapter>main>div.head>div.text>p{font-size:1.5rem}div.view.chapter>main>div.body{padding:2rem;display:flex;flex-direction:column;gap:2rem}div.view.chapter>main>div.body>ol{list-style-type:none;display:flex;flex-direction:column;gap:2rem}div.view.chapter>main>div.body>ol>li>a{display:flex}div.view.chapter>main>div.body>ol>li>a>div.icon{width:7rem;flex-shrink:0;display:flex}div.view.chapter>main>div.body>ol>li>a>div.icon>span{width:100%;aspect-ratio:1;border-radius:1rem;display:flex;color:#fff;font-size:2rem;background-size:cover;background-position:center}div.view.chapter>main>div.body>ol>li>a>div.icon>span>span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit}div.view.chapter>main>div.body>ol>li>a>div.text{padding:1rem;display:flex;flex-direction:column;gap:1rem}div.view.chapter>main>div.body>ol>li>a>div.text>span.title{color:#000;font-weight:700}div.view.chapter>main>div.body>ol>li>a>div.text>span.description{color:gray}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Quicksand}div.container,div.app{min-height:100vh}div.view{min-height:100vh;display:flex;flex-direction:column}div.view>header{padding:1rem;display:flex;gap:1rem;line-height:2rem;font-size:1.5rem;background-color:#fff}div.view>header>span{display:flex}div.view>header>span>img{height:2rem}div.view>header>span>a{display:flex}div.view>header>span>a>img{height:2rem}div.view>header>span.text{flex-grow:1}div.view>main{flex-grow:1;padding:1rem;display:flex;flex-direction:column;gap:1rem;align-items:safe center;justify-content:center;background-color:#f0f0f0}a{text-decoration:none}form{margin:0;padding:2rem;display:flex;flex-direction:column;gap:1rem;background-color:#fff;border-radius:2rem}input{font-family:inherit;font-size:inherit;padding:1rem;padding-bottom:calc(1rem - 1px);border:0;border-bottom:1px solid;outline:0;background-color:#f0f0f0}button{font-family:inherit;font-size:inherit;padding:1rem;border:0;border-radius:1.5rem;outline:0;font-weight:700;background-color:gray;color:#fff}button:disabled{font-style:italic;color:#d3d3d3}form>span{padding:1rem;text-align:center}form>span:last-child{color:tomato}