*{box-sizing:border-box;margin:0;overflow-wrap:anywhere!important;padding:0;text-transform:capitalize}html{scroll-behavior:smooth}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;font-family:Roboto Condensed,sans-serif;margin:0;padding:0}:root{--main-color:#00c16e;--alt-main-color:#29eb97;--wt-color:#fff;--blk-color:#333;--grey-color:#eee;--alt-grey-color:#ddd;--trans:ease-in-out all .3s;--box:rgba(14,18,22,.2) 0px 5px 20px;--box1:rgba(20,22,24,.2) 5px 15px 30px}a{color:#333;color:var(--blk-color);text-decoration:none}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}ul{list-style:none}.hide{display:none;opacity:0;visibility:hidden}button,input{border:2px solid #eee;border:2px solid var(--grey-color);font-size:20px;outline:none;padding:12px;transition:all .3s ease-in-out;transition:var(--trans);width:100%}button:focus,button:hover,input:focus,input:hover{border-color:#00c16e;border-color:var(--main-color);cursor:pointer}input::-webkit-input-placeholder{color:#ddd;color:var(--alt-grey-color);font-size:20px}input::placeholder{color:#ddd;color:var(--alt-grey-color);font-size:20px}button{background-color:#00c16e;background-color:var(--main-color);border-color:#00c16e;border-color:var(--main-color);border-radius:5px;color:#fff;color:var(--wt-color);font-size:20px;padding:12px 40px;text-transform:uppercase;transition:all .3s ease-in-out;transition:var(--trans);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button:hover{background-color:#29eb97;background-color:var(--alt-main-color)}.center-pos-x{left:50%;position:relative}.center-pos-y{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.center-pos{left:50%;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.center-pos-text{text-align:center}.center-pos-text,.flex{align-items:center;display:flex;justify-content:center}.flex,.grid{gap:20px}.grid{grid-gap:20px;align-items:center;display:grid;justify-content:center}.between{justify-content:space-between!important}.evenly{justify-content:space-evenly!important}.around{justify-content:space-around!important}.stretch{justify-content:stretch!important}.center{justify-content:center!important}.start{justify-content:flex-start!important}.end{justify-content:flex-end!important}.toggle{opacity:1!important;visibility:visible!important;z-index:100!important}.week-num{color:#00c16e;color:var(--main-color);font-size:22px}section .container{grid-gap:50px;align-items:center;display:grid;gap:50px;justify-content:stretch;transition:all .3s ease-in-out;transition:var(--trans)}.container{padding:40px 120px}.title.done{font-size:30px;gap:10px}.title i{color:#00c16e;color:var(--main-color);transition:all .3s ease-in-out;transition:var(--trans)}.title.done i{background-color:#00c16e;background-color:var(--main-color);border:2px solid #00c16e;border:2px solid var(--main-color);border-radius:50%;color:#fff;color:var(--wt-color);font-size:25px;height:50px;width:50px}picture.icon{height:200px;overflow:hidden;position:relative;width:100%!important}picture img{width:100%}picture.icon img{position:absolute;top:-25%;width:100%}.examples{gap:30px}.example{border:2px solid transparent;box-shadow:0 5px 20px rgba(14,18,22,.2);box-shadow:var(--box);padding:20px;transition:all .3s ease-in-out;transition:var(--trans)}.example:hover{border-color:#00c16e;border-color:var(--main-color);box-shadow:5px 15px 30px rgba(20,22,24,.2);box-shadow:var(--box1);cursor:pointer;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.example span{font-size:20px}.example a{color:#00c16e;color:var(--main-color)}@media (max-width:1200px){section .container{gap:45px}.container{padding:35px 100px}.week-num{font-size:21px}picture.icon{height:190px}picture img{width:95%}.title.done{font-size:28px;gap:10px}.title.done i{font-size:24px;height:45px;width:45px}.examples{gap:27px}}@media (max-width:992px){section .container{gap:40px}.container{padding:30px 80px}button{border-radius:3px;font-size:18px;padding:10px 30px}.week-num{font-size:20px}.title.done{font-size:25px;gap:8px}.title.done i{font-size:22px;height:40px;width:40px}picture.icon{height:180px;width:100%!important}picture img{width:90%}.examples{gap:25px;justify-content:center!important}.example{gap:20px;padding:18px}.example:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.example span{font-size:18px}.example .ex-link{font-size:16px}}@media (max-width:768px){.container{padding:20px 40px}.flex{gap:15px}button{font-size:16px;padding:8px 25px}.week-num{font-size:18px}.title.done{font-size:20px;gap:6px}.title.done i{font-size:18px;height:30px;width:30px}picture.icon{height:160px}picture img{width:100%}.examples{gap:20px}.example{gap:12px;padding:16px}.example:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.example span{font-size:15px}.example .ex-link{font-size:12px}}@media (max-width:640px){.container{padding:18px 30px}.flex{gap:10px}button{font-size:15px;padding:6px 20px}.week-num{font-size:16px}.title.done{font-size:20px;gap:4px}.title.done i{font-size:16px;height:20px;width:20px}picture.icon{height:140px}.examples{gap:15px}.example span{font-size:12px}.example{gap:10px;padding:12px}.example .ex-link{font-size:10px}}.home .container{gap:80px}.home .container .pow .contain{background-color:var(--wt-color);box-shadow:var(--box1);gap:50px;padding:30px;position:relative}.home .container .pow .contain .info{gap:20px}.home .container .pow .contain .info .name{font-size:30px}.home .container .pow .contain .info .week{color:var(--main-color);font-size:25px}.home .container .pow .contain .info .week span{color:var(--main-color)}.home .container .pow .contain .progress-line{background-color:#15e78c;border-radius:100px 100px 0 0;bottom:0;height:10px;left:0;overflow:hidden;position:absolute;width:90%}.home .container .pow .contain .progress-line:after{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:progress;animation-name:progress;background-color:#00c16e;border-radius:50%;content:"";height:100px;left:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:var(--trans);width:100px}@-webkit-keyframes progress{to{height:3000px;opacity:.1;width:3000px}}@keyframes progress{to{height:3000px;opacity:.1;width:3000px}}.home .container .pow.winner .contain{background-color:var(--alt-main-color)}.home .container .pow.winner .contain .info .week{color:var(--blk-color);font-size:25px}.home .container .pow.winner .contain .info .prog-of-week{color:var(--wt-color);font-size:40px;font-weight:500}.home .container .pow.winner .contain .info .name{color:#111;font-size:35px;font-weight:700}.home .container .pow.winner .contain picture,.home .container .pow.winner .contain picture img{width:300px}.home .container .recent-week .contain{gap:50px}.home .container .recent-week .contain .boxes{gap:50px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.home .container .recent-week .contain .boxes .week{background-color:var(--wt-color);border:2px solid #eee;font-size:20px;gap:20px;transition:var(--trans)}.home .container .recent-week .contain .boxes .week:hover{border-color:var(--main-color);box-shadow:var(--box);cursor:pointer}.home .container .recent-week .contain .boxes .week article{padding:20px}.home .container .recent-week .contain .boxes .week article .week-name{font-size:25px}.home .container .recent-week .contain .boxes .week article .winner-week{font-size:20px}@media (max-width:1200px){.home .container{gap:70px}.home .container .pow .contain{gap:40px;padding:25px}.home .container .pow .contain .info{gap:18px}.home .container .pow .contain .info .name{font-size:28px}.home .container .pow .contain .info .week{font-size:18px}.home .container .pow .contain .progress-line{border-radius:80px 80px 0 0;height:8px;width:50%}.home .container .pow .contain .progress-line:after{height:90px;left:0;width:90px}.home .container .pow.winner .contain .info .week{font-size:24px}.home .container .pow.winner .contain .info .name{font-size:32px}.home .container .pow.winner .contain .info .prog-of-week{font-size:35px}.home .container .pow.winner .contain picture,.home .container .pow.winner .contain picture img{width:280px}.home .container .recent-week .contain{gap:45px}.home .container .recent-week .contain .boxes{gap:45px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.home .container .recent-week .contain .boxes .week article{padding:18px}.home .container .recent-week .contain .boxes .week article .week-name{font-size:24px}.home .container .recent-week .contain .boxes .week article .winner-week{font-size:20px}}@media (max-width:992px){.home .container{gap:60px}.home .container .pow .contain{gap:30px;padding:20px}.home .container .pow .contain .info{gap:15px}.home .container .pow .contain .info .name{font-size:25px}.home .container .pow .contain .info .week{font-size:16px}.home .container .pow .contain .progress-line{border-radius:70px 70px 0 0;height:7px}.home .container .pow .contain .progress-line:after{height:80px;width:80px}.home .container .pow.winner .contain .info .week{font-size:22px}.home .container .pow.winner .contain .info .name{font-size:30px}.home .container .pow.winner .contain .info .prog-of-week{font-size:32px}.home .container .pow.winner .contain picture,.home .container .pow.winner .contain picture img{width:260px}.home .container .recent-week .contain{gap:40px}.home .container .recent-week .contain .boxes{gap:40px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.home .container .recent-week .contain .boxes .week article{padding:16px}.home .container .recent-week .contain .boxes .week article .week-name{font-size:22px}.home .container .recent-week .contain .boxes .week article .winner-week{font-size:18px}}@media (max-width:768px){.home .container{gap:50px}.home .container .pow .contain{grid-gap:20px;display:grid!important;gap:20px;grid-template-columns:repeat(1,1fr);padding:18px}.home .container .pow .contain .info{gap:12px}.home .container .pow .contain .info .name{font-size:22px}.home .container .pow .contain .info .week{font-size:12px}.home .container .pow .contain .progress-line{border-radius:50px 50px 0 0;height:6px}.home .container .pow .contain .progress-line:after{height:70px;width:70px}.home .container .pow.winner .contain .info .week{font-size:20px}.home .container .pow.winner .contain .info .name,.home .container .pow.winner .contain .info .prog-of-week{font-size:30px}.home .container .pow.winner .contain picture,.home .container .pow.winner .contain picture img{width:220px}.home .container .recent-week .contain{gap:30px;justify-content:stretch!important}.home .container .recent-week .contain .boxes{gap:30px;grid-template-columns:repeat(1,1fr)}.home .container .recent-week .contain .boxes .week article{padding:12px}.home .container .recent-week .contain .boxes .week article .week-name{font-size:20px}.home .container .recent-week .contain .boxes .week article .winner-week{font-size:16px}}@media (max-width:640px){.home .container{gap:40px}.home .container .pow .contain{gap:15px;padding:15px}.home .container .pow .contain .info{gap:10px}.home .container .pow .contain .info .name{font-size:20px}.home .container .pow .contain .info .week{font-size:10px}.home .container .pow .contain .progress-line{border-radius:40px 40px 0 0;height:5px}.home .container .pow .contain .progress-line:after{height:60px;width:60px}.home .container .pow.winner .contain .info .week{font-size:18px}.home .container .pow.winner .contain .info .name,.home .container .pow.winner .contain .info .prog-of-week{font-size:25px}.home .container .pow.winner .contain picture,.home .container .pow.winner .contain picture img{width:200px}.home .container .recent-week .contain,.home .container .recent-week .contain .boxes{gap:25px}.home .container .recent-week .contain .boxes .week article{padding:10px}.home .container .recent-week .contain .boxes .week article .week-name{font-size:18px}.home .container .recent-week .contain .boxes .week article .winner-week{font-size:12px}}.head{gap:20px}.head span{font-size:30px;font-weight:800;overflow:hidden;position:relative}.head picture img{width:80px}.head span:after{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:animate;animation-name:animate;background-color:var(--main-color);bottom:0;content:"";height:3px;left:-100%;position:absolute;width:100%}@-webkit-keyframes animate{to{left:100%;width:100%}}@keyframes animate{to{left:100%;width:100%}}@media (max-width:1200px){.head span{font-size:24px;font-weight:750}.head picture img{width:75px}}@media (max-width:992px){.head{gap:18px}.head span{font-size:26px;font-weight:700}.head picture img{width:70px}}@media (max-width:768px){.head{gap:15px}.head span{font-size:22px}.head picture img{width:60px}}@media (max-width:640px){.head{gap:12px}.head span{font-size:20px}.head picture img{width:50px}}.topics .container .boxes{gap:50px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.topics .container .boxes .week{background-color:var(--wt-color);border:2px solid #eee;font-size:20px;gap:20px;transition:var(--trans)}.topics .container .boxes .week:hover{border-color:var(--main-color);box-shadow:var(--box);cursor:pointer}.topics .container .boxes .week .icon{height:200px;overflow:hidden;position:relative;width:100%}.topics .container .boxes .week .icon img{position:absolute;top:-25%;width:100%}.topics .container .boxes .week article{gap:20px;padding:20px}.topics .container .boxes .week article .week-name{font-size:25px}.topics .container .boxes .week article .winner-week{font-size:20px}.topics .container .boxes .week article .winner-week span.pow{color:var(--main-color);font-weight:800}@media (max-width:992px){.topics .container .boxes{gap:45px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.topics .container .boxes .week{font-size:20px;gap:20px}.topics .container .boxes .week .icon{height:140px}.topics .container .boxes .week article{gap:20px;padding:20px}.topics .container .boxes .week article .week-name,.topics .container .boxes .week article .week-num{font-size:20px}.topics .container .boxes .week article .winner-week{font-size:18px}}@media (max-width:768px){.topics .container .boxes{gap:35px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.topics .container .boxes .week{font-size:18px;gap:15px}.topics .container .boxes .week .icon{height:120px}.topics .container .boxes .week article{gap:15px;padding:15px}.topics .container .boxes .week article .week-name,.topics .container .boxes .week article .week-num{font-size:18px}.topics .container .boxes .week article .winner-week{font-size:16px}}.objective{gap:30px}.objective .title{font-size:28px;font-weight:700;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.objective .title:after{left:0;width:15%}.objective .title:after,.objective .title:before{background-color:var(--main-color);border-radius:5px;bottom:0;content:"";height:4px;position:absolute}.objective .title:before{right:0;width:80%}.objective ul{gap:20px}.objective ul li{font-size:25px;font-weight:500;position:relative;-webkit-transform:translateX(30px);transform:translateX(30px);transition:var(--trans)}.objective ul li:hover{color:var(--main-color);cursor:pointer;text-decoration:underline}.objective ul li:before{background-color:var(--main-color);border-radius:5px;content:"";height:5px;left:-30px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:25px}@media (max-width:1200px){.objective{gap:28px}.objective .title{font-size:27px}}@media (max-width:992px){.objective{gap:25px}.objective .title{font-size:25px}.objective .title:after{border-radius:4px;height:4px}.objective .title:before{border-radius:4px;height:3px}.objective ul{gap:18px}.objective ul li{font-size:22px;-webkit-transform:translateX(4%);transform:translateX(4%);-webkit-transform:translateX(25px);transform:translateX(25px)}.objective ul li:before{border-radius:4px;height:4px;left:-25px;width:20px}}@media (max-width:768px){.objective{gap:20px}.objective .title{font-size:20px}.objective .title:after{border-radius:3px;height:2px}.objective .title:before{border-radius:2px;height:2px}.objective ul{gap:12px}.objective ul li{font-size:18px;-webkit-transform:translateX(4%);transform:translateX(4%);-webkit-transform:translateX(20px);transform:translateX(20px)}.objective ul li:before{border-radius:3px;height:2px;left:-20px;width:8px}}@media (max-width:640px){.objective{gap:18px}.objective .title{font-size:16px}.objective ul{gap:10px}.objective ul li{font-size:16px}}.tutorial .contain,.tutorial .contain .point .contain{gap:50px}.tutorial .contain .point .contain .part .dot{border:2px solid var(--grey-color);padding:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tutorial .contain .part>.title span{font-size:26px}.tutorial .contain .point .contain .part .dot>.title span{font-size:22px}.tutorial .contain .download{gap:30px}@media (max-width:1200px){.tutorial .contain,.tutorial .contain .point .contain{gap:45px}.tutorial .contain .point .contain .part .dots .dot picture img{width:75%!important}.tutorial .contain .download{gap:27px}}@media (max-width:992px){.tutorial .contain,.tutorial .contain .point .contain{gap:40px}.tutorial .contain .point .contain .part .dot{padding:15px}.tutorial .contain .point .contain .part .dots .dot picture img{width:70%!important}.tutorial .contain .download{gap:25px}.tutorial .contain .part>.title span{font-size:24px}.tutorial .contain .point .contain .part .dot>.title span{font-size:20px}}@media (max-width:768px){.tutorial .contain,.tutorial .contain .point .contain{gap:30px}.tutorial .contain .point .contain .part .dots .dot{padding:10px}.tutorial .contain .point .contain .part .dots .dot picture img{width:60%!important}.tutorial .contain .download{gap:20px}.tutorial .contain .part>.title span{font-size:22px}.tutorial .contain .point .contain .part .dot>.title span{font-size:18px}}@media (max-width:640px){.tutorial .contain,.tutorial .contain .point .contain{gap:20px}.tutorial .contain .point .contain .part picture img{width:80%!important}.tutorial .contain .point .contain .part .dots .dot{padding:8px}.tutorial .contain .point .contain .part .dots .dot picture img{width:80%!important}.tutorial .contain .download{gap:15px}.tutorial .contain .part>.title span{font-size:18px}.tutorial .contain .point .contain .part .dot>.title span{font-size:16px}}.video video{height:400px;width:700px}@media (max-width:1200px){.video video{height:375px;width:650px}}@media (max-width:992px){.video video{height:350px;width:600px}}@media (max-width:768px){.video video{height:150px;width:300px}}@media (max-width:640px){.video video{height:100px;width:250px}}header .container{background-color:var(--blk-color);gap:50px;padding-bottom:5px;padding-top:5px;transition:var(--trans)}header .container .logo a{gap:0}header .container .logo picture img{width:100px}header .container .logo span{color:var(--wt-color);font-size:30px}header .container nav{opacity:1;position:relative;visibility:visible}header .container nav ul{gap:50px}header .container nav ul li a{color:var(--wt-color);font-size:22px;transition:var(--trans)}header .container nav ul li a:hover{color:var(--main-color)}header .container .list{display:none!important}.header-scroll{left:0;position:fixed;top:0;width:100%;z-index:100}.header-scroll,.header-scroll .container{box-shadow:var(--box)}@media (max-width:1200px){header .container{gap:45px;padding-bottom:8px;padding-top:8px}header .container .logo{gap:27px}header .container .logo picture img{width:95px}header .container .logo span{font-size:28px}header .container nav ul{gap:45px}header .container nav ul li a{font-size:20px}}@media (max-width:992px){header .container{gap:40px;padding-bottom:7px;padding-top:7px;position:relative}header .container .logo{gap:20px}header .container .logo picture img{width:80px}header .container .logo span{font-size:25px}header .container nav{background-color:var(--blk-color);border-top:2px solid var(--alt-main-color);display:flex;height:200px;justify-content:center;left:50%;opacity:0;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:var(--trans);visibility:hidden;z-index:-1}header .container nav,header .container nav ul{align-items:center;position:absolute;width:100%}header .container nav ul{grid-gap:40px;display:grid;gap:40px;gap:0;grid-template-columns:repeat(1,1fr);height:100%;justify-content:stretch}header .container nav ul li a{align-items:center;display:flex;justify-content:center;padding:15px;position:relative;width:100%}header .container nav ul li a:before{background-color:var(--main-color);content:"";height:100%;position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:var(--trans);width:100%;z-index:-1}header .container nav ul li a:hover:before{-webkit-transform:rotateY(0);transform:rotateY(0)}header .container nav ul li a:hover{color:var(--wt-color)}header .container nav ul li a{font-size:20px}header .container .list{color:var(--wt-color);display:flex!important;font-size:22px}}@media (max-width:768px){header .container{gap:20px;justify-content:space-between!important;padding-bottom:5px;padding-top:5px}header .container .logo{gap:10px}header .container .logo picture img{width:60px}header .container .logo span{font-size:20px}header .container nav{height:150px}header .container nav ul{justify-content:center}header .container nav ul li a{font-size:18px;padding:5px}header .container .list{font-size:18px}}@media (max-width:640px){header .container{gap:18px;justify-content:space-between!important;padding-bottom:4px;padding-top:4px}header .container .logo{gap:8px}header .container .logo picture img{width:50px}header .container .logo span{font-size:18px}header .container nav{height:140px}header .container nav ul li a{font-size:16px;padding:4px}header .container .list{font-size:18px}}footer .container{background-color:var(--blk-color);gap:50px;transition:var(--trans)}footer .container span{color:var(--wt-color);font-size:35px}footer .container .icons{gap:40px!important}footer .container .icons .icon{color:var(--wt-color);font-size:30px}footer .container .icons .icon:hover{color:var(--main-color)}@media (max-width:1200px){footer .container{gap:45px}footer .container span{font-size:28px}footer .container .icons{gap:35px!important}footer .container .icons .icon{font-size:28px}}@media (max-width:992px){footer .container{grid-gap:40px;display:grid!important;gap:40px;grid-template-columns:repeat(1,1fr)}footer .container span{font-size:26px;justify-content:center!important;text-align:center}footer .container .icons{gap:30px!important;justify-content:center!important}footer .container .icons .icon{font-size:26px}}@media (max-width:768px){footer .container{gap:30px}footer .container span{font-size:22px}footer .container .icons{gap:20px!important}footer .container .icons .icon{font-size:22px}}@media (max-width:640px){footer .container{gap:20px}footer .container span{font-size:20px}footer .container .icons{gap:18px!important}footer .container .icons .icon{font-size:20px}}.slider-up{background-color:var(--wt-color);border:2px solid var(--main-color);border-radius:50%;bottom:80px;color:var(--main-color);font-size:40px;height:60px;position:fixed;right:-100px;transition:var(--trans);width:60px}.slider-up.show{right:40px}.slider-up:hover{background-color:var(--main-color);box-shadow:var(--box);color:var(--wt-color);cursor:pointer;-webkit-transform:translateY(-5px);transform:translateY(-5px)}@media (max-width:1200px){.slider-up{bottom:75px;font-size:38px;height:55px;width:55px}.slider-up.show{right:35px}}@media (max-width:992px){.slider-up{bottom:70px;font-size:35px;height:50px;width:50px}.slider-up.show{right:30px}.slider-up:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@media (max-width:768px){.slider-up{bottom:50px;font-size:25px;height:40px;width:40px}.slider-up.show{right:20px}.slider-up:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}@media (max-width:640px){.slider-up{bottom:40px;font-size:22px;height:30px;width:30px}.slider-up.show{right:15px}}.task .contain{background-color:var(--wt-color);border-radius:10px;box-shadow:var(--box);gap:0;grid-template-columns:25% 75%;overflow:hidden;transition:var(--trans)}.task .contain:hover{box-shadow:var(--box1);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.task .contain .photo{height:100%;position:relative;width:100%}.task .contain .photo picture img{height:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.task .contain .content{gap:50px;padding:20px}.task .contain:hover .content .quiz a{color:var(--main-color)}.task .contain .content .quiz span{font-size:25px}.task .contain .content .quiz a{font-size:20px;text-decoration:underline;transition:var(--trans)}.task .contain .content .quiz a:hover{color:var(--main-color)}.task .contain .content .info{font-size:22px;gap:10px}.task .contain .content .info div{gap:10px}.task .contain .content .info div i svg{color:var(--main-color)}@media (max-width:1200px){.task .contain .content{gap:45px;padding:20px}.task .contain .content .quiz span{font-size:24px}.task .contain .content .quiz a{font-size:20px}.task .contain .content .info{font-size:22px;gap:10px}.task .contain .content .info div{gap:10px}}@media (max-width:992px){.task .contain{border-radius:10px;grid-template-columns:repeat(1,1fr);justify-content:center;position:relative}.task .contain:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.task .contain .photo,.task .contain .photo:after{height:100%;position:absolute;width:100%}.task .contain .photo:after{background-color:rgba(0,0,0,.75);content:"";left:0;top:0}.task .contain .content{color:var(--wt-color);gap:40px;padding:30px;position:relative;z-index:100}.task .contain .content .quiz span{font-size:22px}.task .contain .content .quiz a{color:var(--wt-color);font-size:18px}.task .contain .content .info{font-size:20px;gap:8px}.task .contain .content .info div{gap:8px}}@media (max-width:768px){.task .contain{border-radius:8px}.task .contain :hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.task .contain .content{gap:30px;padding:25px}.task .contain .content .quiz span{font-size:18px}.task .contain .content .quiz a{font-size:16px;overflow-wrap:anywhere!important}.task .contain .content .info{font-size:18px;gap:6px}.task .contain .content .info div{gap:6px}}@media (max-width:640px){.task .contain{border-radius:6px}.task .contain .content{gap:20px;padding:12px}.task .contain .contain .content .quiz span{font-size:16px}.task .contain .content .quiz a{font-size:12px}.task .contain .content .info{font-size:16px;gap:4px}.task .contain .content .info div{gap:4px}}.error .container{height:80vh;padding:80px 0}.error .container picture img{width:300px}.error .container .title{font-size:120px}@media (max-width:1200px){.error .container{padding:60px 0}.error .container picture img{width:250px}.error .container .title{font-size:120px}}@media (max-width:992px){.error .container{padding:40px 0}.error .container picture img{width:200px}.error .container .title{font-size:100px}}@media (max-width:768px){.error .container{padding:20px 0}.error .container picture img{width:150px}.error .container .title{font-size:80px}}@media (max-width:640px){.error .container{padding:10px 0}.error .container picture img{width:120px}.error .container .title{font-size:60px}}
/*# sourceMappingURL=main.e7e73f2e.css.map*/