body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}#root,body,html{height:100%}body{background:#545be8;font-family:Sora,sans-serif;-webkit-user-select:none;user-select:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container{background:linear-gradient(180deg,#545be8,#272db0);height:56px;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.buttonsWrapper,.container{align-items:center;display:flex}.buttonsWrapper{color:#fff;font-size:large;gap:20px;margin-left:20px}.buttonsWrapper button{background-color:transparent;border:none;color:#fff;font:inherit}.buttonsWrapper button:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid rgba(251,43,137,0);bottom:0;content:" ";display:block;margin:0 auto;position:relative;transition:all .28s ease-in-out;width:0}.buttonsWrapper button.active:after,.buttonsWrapper button:hover:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:#fc8846;transition:width .35s ease-in-out;width:100%}.coursePage{color:#fff;margin:40px 80px}.coursePage .title{font-size:44px;margin-left:8px}.coursePage .lessonsWrapper{grid-gap:40px;display:grid;grid-template-columns:65% 35%;margin-top:22px}@media(max-width:800px){.coursePage .lessonsWrapper{grid-template-columns:100%}}.coursePage .lessonsWrapper .videoWrapper{align-items:center;display:flex;flex-direction:column}.coursePage .lessonsWrapper .videoWrapper video{border-radius:14px;margin-bottom:20px;min-width:800px;width:100%}.coursePage .lessonsWrapper h4{font-size:36px}.coursePage .lessonsWrapper .lessonsList{display:flex;flex-direction:column;gap:4px;margin-top:16px;max-width:460px}.coursePage .lessonsWrapper .lessonsList .lessonSection{align-items:center;border:1px solid transparent;border-radius:8px;display:flex;gap:8px;height:44px;padding:0 8px}.coursePage .lessonsWrapper .lessonsList .lessonSection.active,.coursePage .lessonsWrapper .lessonsList .lessonSection:hover{background:#646bec;border:1px solid #ffc27a}.coursePage .lessonsWrapper .lessonsList .lessonSection:hover{box-shadow:0 12px 48px rgba(255,194,122,.26)}.coursePage .lessonsWrapper .lessonsList .lessonSection.disabled{background-color:transparent}.coursePage .lessonsWrapper .lessonsList .lessonSection.disabled:hover{border:1px solid transparent;box-shadow:none}.courseSpinner{align-items:center;display:flex;height:100%;justify-content:center;margin:0;width:100%}.aboutWrapper{background:#2a31bf;border-radius:28px;height:180px;margin:40px 0;padding:22px 22px 80px 0;width:100%}.aboutWrapper button{font-size:24px;font-weight:600}.aboutWrapper .tab{display:flex;flex-direction:column;gap:8px;margin:20px}.aboutWrapper .tab .block{display:flex;gap:6px}.aboutWrapper .skills{height:100%;margin-top:8px}h5{font-size:20px;margin-bottom:4px}li{font-size:18px;margin-left:30px}.loaderWrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loaderWrapper .loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:2px solid #fff;border-radius:50%;box-sizing:border-box;display:inline-block;height:15px;margin:200px;position:relative;width:70px}.loaderWrapper .loader:after,.loaderWrapper .loader:before{background:#fc8846;border-radius:70%;box-sizing:border-box;content:"";height:20px;left:0;position:absolute;top:0;-webkit-transform:translate(150%,150%);transform:translate(150%,150%);width:20px}.loaderWrapper .loader:before{bottom:0;left:auto;right:0;top:auto;-webkit-transform:translate(-150%,-150%);transform:translate(-150%,-150%)}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.pageWrapper{color:#fff;margin:0 100px;-webkit-user-select:none;user-select:none}.pageWrapper .topWrapper{display:grid;grid-template-columns:repeat(2,minmax(0,50%));margin-top:80px}@media(max-width:800px){.pageWrapper .topWrapper{grid-template-columns:100%}}.pageWrapper .title{display:flex;flex-direction:column;gap:12px;justify-content:center}.pageWrapper .title h1,.pageWrapper .title h3,.pageWrapper .title h4{margin:0}.pageWrapper .title h1{font-size:64px}.pageWrapper .title h4{font-size:18px}.pageWrapper .imageWrapper img{width:100%}.pageWrapper .coursesWrapper{align-items:center;display:flex;flex-direction:column;font-size:44px;padding-top:80px}.listWrapper{grid-gap:40px;display:grid;flex-direction:column;grid-template-columns:repeat(2,minmax(0,50%));margin-bottom:40px;margin-top:100px;padding-bottom:80px;position:relative}@media(max-width:800px){.listWrapper{grid-template-columns:100%}}.listWrapper .pagination{bottom:0;display:flex;font-size:24px;gap:8px;position:absolute;right:20px}.listWrapper .pagination li{align-items:center;background-color:#fff;border-radius:50px;box-shadow:0 5px 15px rgba(0,0,0,.35);color:#fc8846;display:flex;height:40px;justify-content:center;margin:0;width:40px}.listWrapper .pagination li:hover{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.listWrapper .pagination li.disabled{background-color:#fff;box-shadow:none;color:#f1c9b6}.listWrapper .pagination li.selected{background-color:#fc8846;color:#fff}.coursesSpinner{margin:80px 0}.spinnerWrapper{display:flex;justify-content:center;width:100%}.spinnerWrapper .spinner{-webkit-animation:rotating-spinner 1s linear infinite;animation:rotating-spinner 1s linear infinite;border:1px solid #f3f3f3;border-radius:50%;border-top:4px solid #fc8846;height:80px;margin:0 10px;width:80px}@-webkit-keyframes rotating-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.course{background-color:#fff;border-radius:24px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);color:#3e4a5e;display:flex;gap:40px;height:300px;padding:20px;text-decoration:none}.course:hover{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.course .video{border-radius:24px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex}.course .video div{height:260px;width:360px}.course .video img{border-radius:24px}.course .video video{border-radius:24px;height:100%}.course .descriptionWrapper{display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:scroll;position:relative;width:100%}.course .descriptionWrapper h4{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:28px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.course p{font-size:18px}.footer{background-color:#2a31bf;border-radius:18px;color:#fff;font-size:18px;gap:8px;justify-content:space-between;margin-top:8px;padding:0 14px}.footer,.footer .rating{align-items:center;display:flex}.footer .rating img{height:24px;margin-left:6px;width:24px}.logoWrapper{align-items:center;background:#fff;border-radius:8px;display:flex;font-weight:700;gap:4px;height:30px;padding:4px;-webkit-user-select:none;user-select:none}.wisey{color:#2a31bf}.studyWrapper{border:2px solid #fc8846;border-radius:4px}.studyWrapper .study{color:#fc8846;margin:0;padding:2px}
/*# sourceMappingURL=main.a7aaabe9.css.map*/