*{box-sizing:border-box;margin:0;padding:0}html{font-family:Poppins,sans-serif;font-size:18px}.App{overflow-x:hidden}body{background-color:#fff}input{color:#9e9aa7;font-size:18px}input[type=text]:focus{border:1px solid #f46262;box-shadow:0;outline-color:#f46262!important;outline-style:solid}button{cursor:pointer;font-size:18px}button:hover{background-color:#9be3e2}.navbar{display:flex;justify-content:space-between;padding:30px 20px}.navbar .menu-bars{cursor:pointer}.nav-list li:hover{color:#000}.login-a,.logo-div{cursor:pointer}.welcome{margin-bottom:170px}.illustration-div{position:relative;right:-10%;text-align:right}.welcome .illustration{max-width:733px;width:120%}.welcome .text-div{padding-left:20px;padding-right:20px;padding-top:40px;text-align:center}.welcome .text-div h1{color:#35323e;font-size:2.2rem;line-height:1.25;margin-bottom:10px}.welcome .text-div p{color:#9e9aa7;margin-bottom:30px}.start-btn{background-color:#2acfcf;border:1px solid #2acfcf;border-radius:35px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 40px}.start-btn:hover{background-color:#9be3e2}.shortener{align-items:center;background-color:#3b3054;border:1px solid #3b3054;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;padding:25px;position:relative;top:-80px;z-index:1}.input-label-div{margin-bottom:20px;width:100%}.label-container{min-height:27px;text-align:left}.shortener-input{border:1px solid #fff;border-radius:5px;padding:8px;width:100%}.shortener-input:focus{box-shadow:0;outline-color:0!important}.shortener label{color:#f46262;font-size:13px;font-style:italic}.shortener-btn{background-color:#2acfcf;border:1px solid #2acfcf;border-radius:5px;color:#fff;font-weight:700;padding:10px;width:100%}.shortener-btn:hover{background-color:#9be3e2}.bg-shortener-mobile{position:absolute;right:0;top:0;z-index:-2}.statistics-container{background-color:#f0f1f6;padding:0 20px;text-align:center}.statistics-text-container{margin-bottom:90px}.statistics-text-container h2{color:#35323e}.statistics-container p{color:#9e9aa7;font-size:16px}.shorts-links-containers{margin:-50px 0 100px}.short-link-container{background-color:#fff;border-radius:5px;font-size:17px;margin-bottom:30px;text-align:left}.short-link-container .long-link{border-bottom:2px solid #9e9aa7;overflow-x:hidden;padding:10px 20px}.short-link-container .short-link{color:#2acfcf;padding:10px 20px}.short-link-container .copy-btn{background-color:#2acfcf;border:1px solid #2acfcf;border-radius:5px;color:#fff;font-size:17px;font-weight:700;padding:10px;width:100%}.short-link-container .copy-btn.copied{background-color:#3b3054;border-color:#3b3054}.copy-btn:hover{background-color:#9be3e2}.short-link-container .copy-container{padding:0 20px 20px}.features-box{background-color:#fff;margin-bottom:100px}.features-box.right{margin-bottom:0}.features-box .img-span{background-color:#3b3054;border-radius:50%;display:inline-block;height:80px;position:relative;top:-40px;width:80px}.feature-icon{margin-top:17px}.feature-text{margin-top:-10px;padding:0 20px 30px}.feature-text h3{margin-bottom:10px}.features-box .pipeline{background-color:#2acfcf;display:block;height:60px;left:50%;margin-left:-3.5px;position:absolute;width:7px}.boost-container{background-color:#3b3054;height:300px;position:relative;text-align:center;z-index:1}.boost-container h3{color:#fff;font-size:25px;padding:100px 0 20px}.boost-container .start-btn{margin-bottom:70px}.footer{background-color:#232127;padding:40px;text-align:center}.footer h3{color:#fff;cursor:pointer;font-size:32px}.footer-list,.footer h3{margin-bottom:50px}.footer-list h4{color:#fff;font-size:15px;margin-bottom:20px}.footer-list ul{list-style:none}.footer-list li{color:#bfbfbf;cursor:pointer;font-size:15px;margin-bottom:10px}.footer-list li:hover{color:#2acfcf}.footer .social-container{align-items:center;display:flex;justify-content:center}.social-container .social-img-container{cursor:pointer;margin:0 20px}.hide-xs{display:none}.features-container{padding-bottom:50px}@media only screen and (min-width:991px){.hide-xs{display:block}.hide-dsk{display:none}.navbar{padding:30px 7%}.nav-list{display:flex;list-style:none;margin-left:15px}.nav-list li{color:#9e9aa7;cursor:pointer;font-size:16px;font-weight:700;margin:0 30px}.left-nav{align-items:center;display:flex}.left-list.hide-xs,.right-nav{margin-bottom:10px}.right-nav{align-items:center;display:flex}.login-a{color:#9e9aa7}.login-a,.sign-nav{font-size:16px;font-weight:700}.sign-nav{background-color:#2acfcf;border:1px solid #2acfcf;border-radius:35px;color:#fff;cursor:pointer;margin-left:30px;padding:10px 20px}.welcome{display:flex;flex-direction:row-reverse;margin:30px 7% 120px}.welcome .text-div{padding-left:0;text-align:left}.welcome .text-div h1{font-size:4rem;margin-right:50px}.welcome .text-div p{font-size:1.1rem}.welcome .illustration{left:0;width:140%}.illustration-div{left:0;right:0}.shortener{display:flex;flex-direction:row;margin:0 11%;padding:15px 25px}.shortener-input{margin-top:26px;width:95%}.shortener-btn{width:200px}.input-label-div{margin:0;text-align:left}.shorts-links-containers{margin-top:-50px}.short-link-container{align-items:center;display:flex;justify-content:flex-end;margin:0 11% 30px;padding:10px 25px}.short-link-container .copy-container{padding:0}.short-link-container .copy-btn{padding:10px 30px;width:104px}.short-link-container .copy-btn.copied{padding:10px 0}.short-link-container .long-link{border:0;margin:0 auto 0 0;padding:0}.statistics-text-container{margin:0 30% 90px}.features-container{display:flex;justify-content:space-between;margin:0 11%}.features-box{border-radius:7px;height:350px;position:relative;width:32%}.features-box.mid{margin-top:50px}.features-box.right{margin-top:100px}.features-box .pipeline{height:7px;left:101%;position:absolute;top:50%;width:60px}.feature-text{text-align:left}.features-box .img-span{right:25%}.statistics-text-container h2{font-size:35px}.boost-container{max-height:250px}.boost-container h3{font-size:35px;padding:60px 0 20px}.footer{display:flex;justify-content:space-between;padding:50px 11%}.footer-list{text-align:left}.footer .social-container{align-items:flex-start}}@media only screen and (min-width:1300px){.features-box{height:300px}.footer h3{margin-right:150px}}@media only screen and (min-width:1700px){.illustration-div{left:15%}}
/*# sourceMappingURL=main.fc5aa2db.css.map*/