header .contain{align-items:center;color:var(--wt-color);display:flex;gap:30px;justify-content:space-between;left:0;padding-bottom:30px;padding-top:30px;position:fixed;top:0;width:100%;z-index:1000}header .contain.rel{color:var(--blk-color);position:relative!important}header .contain.active{background-color:var(--wt-color);box-shadow:0 48px 100px 0 rgba(17,12,46,.15);color:var(--blk-color);position:fixed!important}header .contain .lists{align-items:center;display:flex;gap:50px;justify-content:flex-end}header .contain .lists li a{color:var(--wt-color);font-size:20px}header .contain.rel .lists li a{color:var(--blk-color)}header .contain .lists li a:hover,header .contain.rel .lists li a:hover{color:var(--main-color);cursor:pointer}header .contain.active .lists li a{color:var(--blk-color);font-size:20px}header .contain.active .lists li a:hover{color:var(--main-color);cursor:pointer}@media (max-width:1200px){header .contain{gap:28px;padding-bottom:28px;padding-top:28px}header .contain .lists{gap:40px}header .contain .lists li a,header .contain.active .lists li a{font-size:19px}}@media (max-width:992px){header .contain{gap:25px;padding-bottom:25px;padding-top:25px}header .contain .lists{gap:30px}header .contain .lists li a,header .contain.active .lists li a{font-size:18px}}@media (max-width:768px){header .contain{grid-gap:15px;display:grid;gap:15px;padding-bottom:20px;padding-top:20px}header .contain,header .contain .logo{justify-content:center}header .contain .lists{gap:25px;justify-content:center}header .contain .lists li a,header .contain.active .lists li a{font-size:16px}}@media (max-width:640px){header .contain{gap:10px;padding-bottom:12px;padding-top:12px}header .contain .lists{gap:20px}header .contain .lists li a,header .contain.active .lists li a{font-size:12px}}footer .contain{grid-gap:50px;align-items:center;background-color:var(--blk-color);display:grid;gap:50px;grid-template-columns:repeat(1,1fr);padding-bottom:50px;padding-top:50px}footer .contain .parts{grid-template-columns:25% 30% 15% 20%;justify-content:space-between}footer .contain .parts,footer .contain .parts .part{grid-gap:30px;align-items:center;display:grid;gap:30px}footer .contain .parts .part{align-self:flex-start;justify-content:flex-start}footer .contain .parts .part .logo{color:var(--wt-color)}footer .contain .parts .part .head{color:var(--wt-color);font-size:25px}footer .contain .parts .part>p{color:var(--gray-color);font-size:18px}footer .contain .parts .part .icons{align-items:center;display:flex;gap:20px;justify-content:flex-start}footer .contain .parts .part .icons i{align-items:center;background-color:var(--blk-color-alt);border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}footer .contain .parts .part .icons i svg{color:var(--wt-color);font-size:32px;padding:5px}footer .contain .parts .part .icons i svg:hover{color:var(--main-color);cursor:pointer}footer .contain .parts .part .blogs{grid-gap:20px;align-items:center;display:grid;gap:20px;justify-content:flex-start}footer .contain .parts .part .blogs .blog{align-items:flex-start;display:flex;gap:20px;justify-content:center;padding:0}footer .contain .parts .part .blogs .blog picture{width:220px}footer .contain .parts .part .blogs .blog picture img{width:100%}footer .contain .parts .part .blogs .blog .content{grid-gap:10px;align-items:center;display:grid;gap:10px;justify-content:flex-start}footer .contain .parts .part .blogs .blog .content p{color:var(--gray-color);font-size:14px;transition:var(--trans)}footer .contain .parts .part .blogs .blog .content .date{color:gray;font-size:12px}footer .contain .parts .part .lists{align-items:center;display:grid;justify-content:flex-start}footer .contain .parts .part .lists li{color:var(--wt-color);font-size:18px;padding:20px 0;position:relative;-webkit-transform:translateX(30px);transform:translateX(30px)}footer .contain .parts .part .lists li:first-child{padding-top:0}footer .contain .parts .part .lists li a{color:var(--wt-color)}footer .contain .parts .part .lists li i{align-items:center;color:var(--wt-color);display:flex;justify-content:center;position:absolute;-webkit-transform:translateX(-30px);transform:translateX(-30px)}footer .contain .parts .part .lists li:hover{cursor:pointer;-webkit-transform:translateX(50px);transform:translateX(50px)}footer .contain .parts .part .lists li:hover a,footer .contain .parts .part .lists li:hover i{color:var(--main-color);cursor:pointer}footer .contain .parts .part .questions{grid-gap:30px;align-items:center;display:grid;gap:30px;justify-content:flex-start}footer .contain .parts .part .questions .ques{align-items:flex-start;color:var(--wt-color);display:flex;font-size:18px;gap:10px;justify-content:flex-start}footer .contain .parts .part .questions .ques:not(:first-child) p:hover{color:var(--main-color);cursor:pointer;text-decoration:underline}footer .contain .parts .part .questions .ques i svg{color:var(--wt-color)}footer .contain .copy,footer .contain .parts .part .questions .ques:first-child>p{color:var(--gray-color)}footer .contain .copy{align-items:center;display:flex;font-size:20px;gap:5px;justify-content:center}@media (max-width:1200px){footer .contain{gap:40px;padding-bottom:45px;padding-top:45px}footer .contain .parts{gap:40px;grid-template-columns:repeat(2,1fr)}footer .contain .parts .part{align-self:flex-start;gap:25px;justify-content:flex-start}footer .contain .parts .part .head{font-size:24px}footer .contain .parts .part>p{font-size:17px}footer .contain .parts .part .icons{justify-content:flex-start}footer .contain .parts .part .icons i{height:45px;width:45px}footer .contain .parts .part .icons i svg{font-size:31px}footer .contain .parts .part .blogs{justify-content:flex-start}footer .contain .parts .part .blogs .blog{align-items:flex-start}footer .contain .parts .part .blogs .blog picture{width:220px}footer .contain .parts .part .blogs .blog .content{justify-content:flex-start}footer .contain .parts .part .blogs .blog .content p{font-size:13px}footer .contain .parts .part .blogs .blog .content .date{font-size:12px}footer .contain .parts .part .lists{justify-content:flex-start}footer .contain .parts .part .lists li{font-size:17px;padding:20px 0;-webkit-transform:translateX(25px);transform:translateX(25px)}footer .contain .parts .part .lists li i{-webkit-transform:translateX(-25px);transform:translateX(-25px)}footer .contain .parts .part .lists li:hover{cursor:pointer;-webkit-transform:translateX(40px);transform:translateX(40px)}footer .contain .parts .part .questions{gap:25px;justify-content:flex-start}footer .contain .parts .part .questions .ques{font-size:17px;justify-content:flex-start}footer .contain .copy{font-size:19px}}@media (max-width:992px){footer .contain{gap:30px;padding-bottom:40px;padding-top:40px}footer .contain .parts{gap:30px;grid-template-columns:repeat(2,1fr)}footer .contain .parts .part{gap:20px}footer .contain .parts .part .head{font-size:22px}footer .contain .parts .part>p{font-size:16px}footer .contain .parts .part .icons i{height:40px;width:40px}footer .contain .parts .part .icons i svg{font-size:28px}footer .contain .parts .part .blogs .blog picture{width:200px}footer .contain .parts .part .lists li{font-size:16px;padding:15px 0;-webkit-transform:translateX(20px);transform:translateX(20px)}footer .contain .parts .part .lists li i{-webkit-transform:translateX(-25px);transform:translateX(-25px)}footer .contain .parts .part .lists li:hover{cursor:pointer;-webkit-transform:translateX(30px);transform:translateX(30px)}footer .contain .parts .part .questions{gap:20px}footer .contain .parts .part .questions .ques{font-size:16px}footer .contain .copy{font-size:18px}}@media (max-width:768px){footer .contain{gap:50px;padding-bottom:30px;padding-top:30px}footer .contain .parts{gap:40px;grid-template-columns:repeat(1,1fr)}footer .contain .parts .part{gap:15px}footer .contain .parts .part .head{font-size:20px}footer .contain .parts .part>p{font-size:14px}footer .contain .parts .part .icons i{height:30px;width:30px}footer .contain .parts .part .icons i svg{font-size:25px}footer .contain .parts .part .blogs{gap:15px}footer .contain .parts .part .blogs .blog{gap:10px}footer .contain .parts .part .blogs .blog picture{width:180px}footer .contain .parts .part .lists li{font-size:14px;padding:10px 0}footer .contain .parts .part .lists li:hover{-webkit-transform:translateX(25px);transform:translateX(25px)}footer .contain .parts .part .questions .ques{font-size:14px}footer .contain .copy{font-size:16px;gap:0;text-align:center}}@media (max-width:640px){footer .contain .parts .part .head{font-size:16px}footer .contain .parts .part>p{font-size:10px}footer .contain .parts .part .icons i{height:20px;width:20px}footer .contain .parts .part .icons i svg{font-size:20px}footer .contain .parts .part .blogs .blog picture{width:140px}footer .contain .parts .part .lists li{font-size:10px;padding:10px 0}footer .contain .parts .part .lists li:hover{-webkit-transform:translateX(25px);transform:translateX(25px)}footer .contain .parts .part .questions .ques{font-size:10px}footer .contain .copy{font-size:12px;gap:0;text-align:center}}*{box-sizing:border-box;margin:0;padding:0;transition:all .3s ease-in-out}:root{--main-color:#ffd369;--wt-color:#fff;--gray-color:hsla(0,0%,100%,.7);--gray-color-alt:#999;--blk-color:#222831;--blk-color-alt:hsla(0,0%,100%,.05);--trans:ease-in-out all .3s;--blue-color:#007fdb}body{background-color:#fff;background-color:var(--wt-color);font-family:Roboto,sans-serif;margin:0;padding:0;transition:all .3s ease-in-out}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0}ul{list-style:none}a{color:#222831;color:var(--blk-color);text-decoration:none}button,input{background-color:#fff;background-color:var(--wt-color);border:none;outline:none}button:hover{cursor:pointer}.logo{align-items:center;display:flex;font-size:35px;font-weight:700;justify-content:flex-start}.logo span{color:#ffd369;color:var(--main-color)}.overlay{background-image:linear-gradient(45deg,#f200ff,#ffba42);height:100%;left:0;opacity:.8;position:absolute;right:0;width:100%;z-index:10}.contain{padding-left:100px;padding-right:100px}main .container{align-items:center;display:grid;justify-content:center}@media(max-width:1200px){.contain{padding-left:80px;padding-right:80px}.logo{font-size:32px}}@media(max-width:992px){.contain{padding-left:60px;padding-right:60px}.logo{font-size:30px}}@media(max-width:768px){.contain{padding-left:40px;padding-right:40px}.logo{font-size:28px}}@media(max-width:640px){.contain{padding-left:20px;padding-right:20px}.logo{font-size:25px}}.home .contain{background-image:url(/static/media/bg_1.146dec18c60220e83813.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;grid-template-columns:repeat(1,1fr);height:100vh;justify-content:center;position:relative}.home .contain,.home .contain .content{grid-gap:50px;align-items:center;display:grid;gap:50px}.home .contain .content{color:#fff;justify-content:flex-start;z-index:100}.home .contain .content .text{align-items:center;display:grid;justify-content:flex-start}.home .contain .content .text span{font-size:25px}.home .contain .content .text span>span{color:var(--main-color)}.home .contain .content .text h1{color:var(--main-color);font-size:120px;font-weight:800}.home .contain .content .text p{font-size:20px;line-height:1.5;width:60%}.home .contain .content .buttons{align-items:center;display:flex;gap:30px;justify-content:flex-start}.home .contain .content .buttons button{background-color:var(--main-color);border:3px solid var(--main-color);border-radius:10px;color:#fff;font-size:20px;padding:8px 30px}.home .contain .content .buttons button:hover{background-color:initial;cursor:pointer}@media (max-width:1200px){.home .contain{gap:40px}.home .contain .content{gap:40px}.home .contain .content,.home .contain .content .text{justify-content:flex-start}.home .contain .content .text span{font-size:24px}.home .contain .content .text h1{font-size:110px}.home .contain .content .text p{font-size:20px;width:70%}.home .contain .content .buttons{gap:25px;justify-content:flex-start}.home .contain .content .buttons button{border-radius:9px;font-size:20px;padding:8px 30px}}@media (max-width:992px){.home .contain{gap:30px}.home .contain .content{gap:30px}.home .contain .content,.home .contain .content .text{justify-content:flex-start}.home .contain .content .text span{font-size:22px}.home .contain .content .text h1{font-size:80px}.home .contain .content .text p{font-size:18px;width:80%}.home .contain .content .buttons{gap:20px;justify-content:flex-start}.home .contain .content .buttons button{border-radius:8px;font-size:18px;padding:6px 25px}}@media (max-width:768px){.home .contain{gap:20px}.home .contain .content{gap:25px;justify-content:center}.home .contain .content .text{justify-content:center}.home .contain .content .text span{font-size:20px}.home .contain .content .text h1{font-size:70px;text-align:center}.home .contain .content .text p{font-size:16px;text-align:center;width:100%}.home .contain .content .buttons{justify-content:center}.home .contain .content .buttons button{border-radius:6px;font-size:16px;padding:5px 22px}}@media (max-width:640px){.home .contain .content .text{text-align:center}.home .contain .content .text span{font-size:16px}.home .contain .content .text p{font-size:12px}.home .contain .content .text h1{font-size:45px}.home .contain .content .buttons button{border-radius:5px;font-size:12px;padding:5px 15px}}article.blog{grid-gap:30px;align-items:center;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);display:grid;gap:30px;justify-content:stretch;padding:20px}article.blog .data{align-items:center;display:flex;gap:20px;justify-content:flex-start}article.blog .data picture{border-radius:50%;height:220px;width:220px}article.blog .data picture img{border-radius:50%;height:100%;width:100%}article.blog .data .info{grid-gap:20px;align-items:center;display:grid;gap:20px;justify-content:flex-start}article.blog .data .info h3{font-size:35px;font-weight:700}article.blog .data .info p{color:var(--gray-color-alt);font-size:18px}article.blog>q{font-size:22px;line-height:28px;padding:20px;transition:var(--trans)}article.blog .duration{align-items:center;display:flex;font-size:20px;gap:30px;justify-content:space-between}article.blog .duration span{color:var(--main-color)}@media (max-width:1200px){article.blog{gap:30px;padding:20px}article.blog .data{gap:20px}article.blog .data picture{height:180px;width:180px}article.blog .data .info{gap:20px}article.blog .data .info h3{font-size:32px}article.blog .data .info p{font-size:18px}article.blog>q{font-size:22px;line-height:28px;padding:20px}article.blog .duration{font-size:20px;gap:30px;justify-content:space-between}}@media (max-width:992px){article.blog{padding:18px}article.blog .data picture{height:160px;width:160px}article.blog .data .info{gap:20px}article.blog .data .info h3{font-size:30px}article.blog .data .info p{font-size:16px}article.blog>q{font-size:20px;line-height:27px;padding:20px}article.blog .duration{font-size:18px;gap:30px;justify-content:space-between}}@media (max-width:768px){article.blog{gap:20px;justify-content:stretch;padding:18px}article.blog .data{display:grid;justify-content:center}article.blog .data picture{height:140px;left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:140px}article.blog .data .info{gap:20px}article.blog .data .info h3{font-size:28px}article.blog .data .info p{font-size:14px}article.blog>q{font-size:18px;padding:15px}article.blog .duration{font-size:16px;gap:20px}}@media (max-width:640px){article.blog{gap:15px;padding:15px}article.blog .data picture{height:100px;width:100px}article.blog .data .info{gap:5px;text-align:center}article.blog .data .info h3{font-size:20px}article.blog .data .info p{font-size:10px}article.blog>q{font-size:20px;padding:10px}article.blog .duration{font-size:12px;gap:10px;justify-content:space-between}}.title .contain{align-content:flex-end;background-image:url(/static/media/bg_1.146dec18c60220e83813.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:75vh;left:50%;padding-bottom:100px;padding-top:100px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.title .contain,.title .contain .content{align-items:center;display:grid;justify-content:center;position:relative}.title .contain .content{grid-gap:30px;color:var(--wt-color);gap:30px;text-align:center;z-index:100}.title .contain .content h1{font-size:60px;font-weight:800}.title .contain .content h5{align-items:center;display:flex;font-size:22px;gap:10px;justify-content:center}.title .contain .content h5 a{color:var(--wt-color);transition:var(--trans)}.title .contain .content h5 a:hover{color:var(--main-color)}.blogs .contain{grid-gap:50px;align-items:center;display:grid;gap:50px;justify-content:stretch;padding-bottom:50px;padding-top:50px}.blogs .contain h3{color:var(--black-color-alt);font-size:30px;text-align:center}@media (max-width:1200px){.title .contain{padding-bottom:90px;padding-top:90px}.title .contain .content{gap:30px}.title .contain .content h1{font-size:55px}.title .contain .content h5{font-size:21px}.blogs .contain{gap:40px;padding-bottom:45px;padding-top:45px}.blogs .contain h3{font-size:29px}}@media (max-width:992px){.title .contain{padding-bottom:80px;padding-top:80px}.title .contain .content{gap:25px}.title .contain .content h1{font-size:50px}.title .contain .content h5{font-size:20px}.blogs .contain{gap:30px;padding-bottom:40px;padding-top:40px}.blogs .contain h3{font-size:28px}}@media (max-width:768px){.title .contain{padding-bottom:75px;padding-top:75px}.title .contain .content h1{font-size:45px}.title .contain .content h5{font-size:18px}.blogs .contain h3{font-size:26px}}@media (max-width:640px){.title .contain{padding-bottom:50px;padding-top:50px}.title .contain .content h1{font-size:30px}.title .contain .content h5{font-size:12px;gap:2px}.blogs .contain h3{font-size:20px}}.profile .contain{grid-gap:50px;align-items:center;display:grid;gap:50px;justify-content:stretch;padding-bottom:50px}.profile .contain .back{background-image:url(/static/media/back-1.5f45fb207dd561758c1e.jpg);background-repeat:no-repeat;background-size:cover;height:300px;margin-bottom:50px;position:relative}.profile .contain .back picture{border-radius:50%;bottom:-25%;height:200px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:200px}.profile .contain .back picture img{border-radius:50%;height:100%;width:100%}.profile .contain .info{grid-gap:20px;align-content:center;display:grid;gap:20px;justify-content:center}.profile .contain .info .name{font-size:30px;text-align:center}.profile .contain .create-blog{grid-gap:30px;align-items:center;display:grid;gap:30px;justify-content:stretch}.profile .contain .create-blog form{grid-gap:20px;align-items:center;display:grid;gap:20px;justify-content:stretch}.profile .contain .create-blog form textarea{border:1px solid var(--gray-color-alt);font-size:20px;height:150px;outline:none;padding:10px;transition:var(--trans);width:100%}.profile .contain .create-blog form button{background-color:var(--blue-color);border:2px solid var(--blue-color);border-radius:30px;color:var(--wt-color);font-size:20px;padding:10px 30px;transition:var(--trans);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profile .contain .create-blog form button:hover{background-color:var(--wt-color);color:var(--blue-color)}.profile .contain .blogs{grid-gap:30px;align-items:center;display:grid;gap:30px;justify-content:stretch}.profile .contain h3.head{font-size:25px;position:relative}.profile .contain h3.head:after{background-color:var(--main-color);bottom:-5px;content:"";height:5px;left:0;position:absolute;width:50px}.profile .contain .blogs>article{grid-gap:30px;align-items:center;display:grid;gap:30px;justify-content:stretch}@media (max-width:1200px){.profile .contain{gap:45px;padding-bottom:40px}.profile .contain .back{height:280px;margin-bottom:40px}.profile .contain .back picture{height:160px;width:160px}.profile .contain .info{gap:20px}.profile .contain .info .name{font-size:28px}.profile .contain .create-blog{gap:25px}.profile .contain .create-blog form{gap:20px}.profile .contain .create-blog form textarea{font-size:19px;height:140px}.profile .contain .create-blog form button{font-size:20px;padding:10px 25px}.profile .contain .blogs{gap:25px}.profile .contain h3.head{font-size:22px}.profile .contain h3.head:after{bottom:-5px;height:5px;width:40px}.profile .contain .blogs>article{gap:25px}}@media (max-width:992px){.profile .contain{gap:40px;padding-bottom:30px}.profile .contain .back{height:260px;margin-bottom:30px}.profile .contain .back picture{height:140px;width:140px}.profile .contain .info .name{font-size:26px}.profile .contain .create-blog{gap:20px}.profile .contain .create-blog form{gap:15px}.profile .contain .create-blog form textarea{font-size:18px;height:130px}.profile .contain .create-blog form button{font-size:18px;padding:8px 20px}.profile .contain .blogs{gap:20px}.profile .contain h3.head{font-size:20px}.profile .contain h3.head:after{bottom:-5px;height:4px}.profile .contain .blogs>article{gap:20px}}@media (max-width:768px){.profile .contain{gap:30px;padding-bottom:25px}.profile .contain .back{height:240px;margin-bottom:25px}.profile .contain .back picture{height:120px;width:120px}.profile .contain .info .name{font-size:24px}.profile .contain .create-blog form textarea{font-size:16px;height:120px}.profile .contain .create-blog form button{font-size:16px;padding:8px 20px}.profile .contain h3.head{font-size:18px}}@media (max-width:640px){.profile .contain{gap:30px;padding-bottom:25px}.profile .contain .back{height:200px;margin-bottom:35px}.profile .contain .back picture{height:100px;width:100px}.profile .contain .info{gap:5px;text-align:center}.profile .contain .info .name{font-size:22px}.profile .contain .info h3{font-size:10px}.profile .contain .create-blog form textarea{font-size:16px;height:120px}.profile .contain .create-blog form button{font-size:16px;padding:8px 20px}.profile .contain h3.head{font-size:18px}}.sign-up .contain{height:100vh;padding-bottom:40px;padding-top:40px}.sign-up .contain,.sign-up .contain picture{align-items:center;display:flex;justify-content:center;position:relative}.sign-up .contain picture{overflow:hidden;-webkit-transform:translateY(12%);transform:translateY(12%);width:320px;z-index:100}.sign-up .contain picture .overlay{opacity:.3}.sign-up .contain picture img{height:100%;position:relative;-webkit-transform:scale(1.5);transform:scale(1.5);width:100%}.sign-up .contain picture h1{color:var(--wt-color);font-size:40px;font-weight:600;left:50%;position:absolute;-webkit-transform:translateX(-50%) translateY(200%);transform:translateX(-50%) translateY(200%);z-index:100}.sign-up .contain form{grid-gap:20px;align-items:center;background-color:var(--wt-color);box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:grid;gap:20px;justify-content:center;padding:50px;position:relative;-webkit-transform:translateY(10%);transform:translateY(10%);z-index:100}.sign-up .contain form>h1{display:none}.sign-up .contain form>div{grid-gap:5px;align-items:center;display:grid;gap:5px;justify-content:flex-start}.sign-up .contain form>div label{font-size:20px}.sign-up .contain form>div input{border:1px solid var(--gray-color-alt);font-size:18px;padding:6px;width:400px}.sign-up .contain form>div.btns{display:flex;gap:20px}.sign-up .contain form>div.btns button{border-radius:5px;font-size:18px}.sign-up .contain form>div.btns button:first-child{background-color:var(--blue-color);border:2px solid var(--blue-color);color:var(--wt-color);padding:10px 30px}.sign-up .contain form>div.btns button a:hover,.sign-up .contain form>div.btns button:hover{background-color:var(--wt-color);color:var(--blue-color)}.sign-up .contain form>div.btns span{font-weight:800}.sign-up .contain form>div.gender .radio,.sign-up .contain form>div.gender .radio>div{align-items:center;display:flex;gap:10px;justify-content:flex-start}.sign-up .contain form>div.gender .radio input{height:0;width:0}.sign-up .contain form>div.gender .radio>div{gap:10px}.sign-up .contain form>div.gender .radio>div input{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.sign-up .contain form>div.gender .radio>div input:after{background-color:var(--wt-color);border:2px solid var(--gray-color-alt);border-radius:50%;content:"";height:10px;position:absolute;width:10px}.sign-up .contain form>div.gender .radio>div input:before{background-color:#333;border-radius:50%;content:"";height:7px;opacity:0;position:absolute;transition:var(--trans);width:7px;z-index:100}.sign-up .contain form>div.gender .radio>div.active input:before{opacity:1}.sign-up .contain form>div.google button{align-items:center;border:2px solid var(--blue-color);border-radius:5px;display:flex;gap:10px;justify-content:center;padding:5px 10px;transition:var(--trans);width:100%}.sign-up .contain form>div.google button:hover span{color:var(--blue-color)}.sign-up .contain form>div.google button span{font-size:20px}.sign-up .contain form>div.google button svg{font-size:30px}@media (max-width:1200px){.sign-up .contain{padding-bottom:35px;padding-top:35px}.sign-up .contain picture{-webkit-transform:translateY(12%);transform:translateY(12%);width:300px}.sign-up .contain picture img{-webkit-transform:scale(1.2);transform:scale(1.2)}.sign-up .contain picture h1{font-size:35px}.sign-up .contain form{gap:20px;padding:45px}.sign-up .contain form>div label{font-size:19px}.sign-up .contain form>div input{font-size:17px;width:360px}.sign-up .contain form>div.btns{gap:20px}.sign-up .contain form>div.btns button{border-radius:4px;font-size:17px}.sign-up .contain form>div.btns button:first-child{padding:9px 28px}.sign-up .contain form>div.gender .radio>div input:after{border:2px solid var(--gray-color-alt);height:10px;width:10px}.sign-up .contain form>div.gender .radio>div input:before{height:7px;width:7px}.sign-up .contain form>div.google button{border-radius:4px;gap:10px;padding:5px 10px}.sign-up .contain form>div.google button span{font-size:19px}.sign-up .contain form>div.google button svg{font-size:28px}}@media (max-width:992px){.sign-up .contain{padding-bottom:30px;padding-top:30px}.sign-up .contain picture{width:280px}.sign-up .contain picture img{-webkit-transform:scale(1.1);transform:scale(1.1)}.sign-up .contain picture h1{font-size:32px}.sign-up .contain form{gap:18px;padding:40px}.sign-up .contain form>div label{font-size:18px}.sign-up .contain form>div input{font-size:16px;width:340px}.sign-up .contain form>div.btns{gap:18px}.sign-up .contain form>div.btns button{border-radius:3px;font-size:18px}.sign-up .contain form>div.btns button:first-child{padding:8px 25px}.sign-up .contain form>div.gender .radio>div input:after{height:9px;width:9px}.sign-up .contain form>div.gender .radio>div input:before{height:5px;width:5px}.sign-up .contain form>div.google button{border-radius:4px;gap:10px;padding:5px 10px}.sign-up .contain form>div.google button span{font-size:18px}.sign-up .contain form>div.google button svg{font-size:26px}}@media (max-width:768px){.sign-up .contain{padding-bottom:25px;padding-top:25px}.sign-up .contain picture{width:260px}.sign-up .contain picture h1{font-size:30px}.sign-up .contain form{gap:15px;padding:30px}.sign-up .contain form>div label{font-size:16px}.sign-up .contain form>div input{font-size:14px;width:320px}.sign-up .contain form>div.btns{gap:15px}.sign-up .contain form>div.btns button{font-size:16px}.sign-up .contain form>div.btns button:first-child{padding:6px 20px}.sign-up .contain form>div.google button{border-radius:3px;gap:8px;padding:4px 8px}.sign-up .contain form>div.google button span{font-size:16px}.sign-up .contain form>div.google button svg{font-size:22px}}@media (max-width:640px){.sign-up .contain{padding-bottom:20px;padding-top:20px}.sign-up .contain picture{display:none}.sign-up .contain form{gap:10px;padding:25px}.sign-up .contain form>div label{font-size:12px}.sign-up .contain form>div input{font-size:10px;padding:5px;width:240px}.sign-up .contain form>div.gender,.sign-up .contain form>div.gender .radio>div{gap:5px}.sign-up .contain form>div.gender .radio>div input:after{height:10px;width:10px}.sign-up .contain form>div.gender .radio>div input:before{height:7px;width:7px}.sign-up .contain form>div.btns{gap:10px}.sign-up .contain form>div.btns span{font-size:10px}.sign-up .contain form>div.btns button{font-size:12px}.sign-up .contain form>div.btns button:first-child{padding:4px 15px}.sign-up .contain form>div.google{justify-content:stretch}.sign-up .contain form>div.google button{gap:6px;padding:2px 6px}.sign-up .contain form>div.google button span{font-size:12px}.sign-up .contain form>div.google button svg{font-size:15px}}.sign-in .contain{height:100vh;padding-bottom:40px;padding-top:40px}.sign-in .contain,.sign-in .contain picture{align-items:center;display:flex;justify-content:center;position:relative}.sign-in .contain picture{overflow:hidden;width:250px;z-index:100}.sign-in .contain picture .overlay{opacity:.3}.sign-in .contain picture img{height:100%;position:relative;-webkit-transform:scale(1.5);transform:scale(1.5);width:100%}.sign-in .contain picture h1{color:var(--wt-color);font-size:40px;font-weight:600;left:50%;position:absolute;-webkit-transform:translateX(-50%) translateY(-200%);transform:translateX(-50%) translateY(-200%);z-index:100}.sign-in .contain form{grid-gap:50px;align-items:center;background-color:var(--wt-color);box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:grid;gap:50px;justify-content:center;padding:60px;position:relative;z-index:100}.sign-in .contain form>h1{display:none}.sign-in .contain form>div{grid-gap:10px;align-items:center;display:grid;gap:10px;justify-content:flex-start}.sign-in .contain form>div label{font-size:20px}.sign-in .contain form>div input{border:1px solid var(--gray-color-alt);font-size:18px;padding:10px;width:400px}.sign-in .contain form>div.btns{display:flex;gap:20px}.sign-in .contain form>div.btns button{border-radius:5px;font-size:18px}.sign-in .contain form>div.btns button:nth-of-type(2){align-items:center;border:2px solid var(--blue-color);border-radius:5px;display:flex;font-size:30px;height:45px;justify-content:center;width:45px}.sign-in .contain form>div.btns button:first-child{background-color:var(--blue-color);border:2px solid var(--blue-color);color:var(--wt-color);padding:10px 30px}.sign-in .contain form>div.btns button a:hover,.sign-in .contain form>div.btns button:hover{background-color:var(--wt-color);color:var(--blue-color)}.sign-in .contain form>div.btns span{font-weight:800}@media (max-width:1200px){.sign-in .contain{padding-bottom:35px;padding-top:35px}.sign-in .contain picture{width:300px}.sign-in .contain picture img{-webkit-transform:scale(1.2);transform:scale(1.2)}.sign-in .contain picture h1{font-size:35px}.sign-in .contain form{gap:20px;padding:45px}.sign-in .contain form>div label{font-size:19px}.sign-in .contain form>div input{font-size:17px;width:360px}.sign-in .contain form>div.btns{gap:20px}.sign-in .contain form>div.btns button{border-radius:4px;font-size:17px}.sign-in .contain form>div.btns button:nth-of-type(2){font-size:28px;height:40px;width:40px}.sign-in .contain form>div.btns button:first-child{padding:9px 28px}.sign-in .contain form>div.gender .radio>div input:after{border:2px solid var(--gray-color-alt);height:10px;width:10px}.sign-in .contain form>div.gender .radio>div input:before{height:7px;width:7px}.sign-in .contain form>div.google button{border-radius:4px;gap:10px;padding:5px 10px}.sign-in .contain form>div.google button span{font-size:19px}.sign-in .contain form>div.google button svg{font-size:28px}}@media (max-width:992px){.sign-in .contain{padding-bottom:30px;padding-top:30px}.sign-in .contain picture{width:280px}.sign-in .contain picture img{-webkit-transform:scale(1.1);transform:scale(1.1)}.sign-in .contain picture h1{font-size:32px}.sign-in .contain form{gap:18px;padding:40px}.sign-in .contain form>div label{font-size:18px}.sign-in .contain form>div input{font-size:16px;width:340px}.sign-in .contain form>div.btns{gap:18px}.sign-in .contain form>div.btns button{border-radius:3px;font-size:18px}.sign-in .contain form>div.btns button:nth-of-type(2){font-size:26px;height:35px;width:35px}.sign-in .contain form>div.btns button:first-child{padding:8px 25px}.sign-in .contain form>div.gender .radio>div input:after{height:9px;width:9px}.sign-in .contain form>div.gender .radio>div input:before{height:5px;width:5px}.sign-in .contain form>div.google button{border-radius:4px;gap:10px;padding:5px 10px}.sign-in .contain form>div.google button span{font-size:18px}.sign-in .contain form>div.google button svg{font-size:26px}}@media (max-width:768px){.sign-in .contain{padding-bottom:25px;padding-top:25px}.sign-in .contain picture{width:260px}.sign-in .contain picture h1{font-size:30px}.sign-in .contain form{gap:15px;padding:30px}.sign-in .contain form>div label{font-size:16px}.sign-in .contain form>div input{font-size:14px;width:320px}.sign-in .contain form>div.btns{gap:15px}.sign-in .contain form>div.btns button{font-size:16px}.sign-in .contain form>div.btns button:nth-of-type(2){font-size:26px;height:30px;width:30px}.sign-in .contain form>div.btns button:first-child{padding:6px 20px}.sign-in .contain form>div.google button{border-radius:3px;gap:8px;padding:4px 8px}.sign-in .contain form>div.google button span{font-size:16px}.sign-in .contain form>div.google button svg{font-size:22px}}@media (max-width:640px){.sign-in .contain{padding-bottom:20px;padding-top:20px}.sign-in .contain picture{display:none;width:260px}.sign-in .contain form{gap:10px;padding:25px}.sign-in .contain form>div{gap:5px}.sign-in .contain form>div label{font-size:14px}.sign-in .contain form>div input{font-size:12px;padding:5px;width:240px}.sign-in .contain form>div.btns{gap:7px;justify-content:center}.sign-in .contain form>div.btns span{font-size:10px}.sign-in .contain form>div.btns button{font-size:14px}.sign-in .contain form>div.btns button:nth-of-type(2){font-size:20px;height:30px;width:35px}.sign-in .contain form>div.btns button:first-child{padding:4px 18px}.sign-in .contain form>div.google button{gap:6px;padding:5px 6px}.sign-in .contain form>div.google button span{font-size:14px}.sign-in .contain form>div.google button svg{font-size:20px}}
/*# sourceMappingURL=main.16bd8a86.css.map*/