@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap);*{padding:0;margin:0;box-sizing:border-box}body{font-size:18px;font-family:Poppins,sans-serif;padding-top:3rem}header{display:flex;align-items:center;position:relative;padding:0 6rem}header .hamburger-menu{display:none}header a{text-decoration:none;color:#9e9aa7;margin:0 1rem}header a:hover{color:#3b3054}header .logo a{margin:0 3rem 0 0}header .nav-bar-container{width:100%;display:flex;justify-content:space-between}header .nav-bar-container ul{list-style-type:none;display:flex}header .nav-bar-container .signIn-up-container .signup{background-color:#2acfcf;padding:.5rem 1.2rem;border-radius:20px;color:#fff;font-size:16px;font-weight:700}header .nav-bar-container .signIn-up-container .signup:hover{background-color:#8de2e2;color:#fff}.backDrop{top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:100}.backDrop,.loadingCircel{position:fixed;display:none}.loadingCircel{top:50%;left:50%;transform:translateX(-50%),translateY(-50%);width:50px;height:50px;z-index:101;border:6px solid transparent;border-top-color:#2acfcf;border-radius:50%;animation:loading 1s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:928px){header{padding:0 4rem;flex-direction:column}header .hamburger-menu{display:block;position:absolute;right:6rem;cursor:pointer}header .hamburger-menu div{width:50px;height:6px;background-color:#9e9aa7;margin:10px 0}header .logo{align-self:start;margin-top:1rem}header .nav-bar-container{transform:translateY(0);visibility:hidden}header .nav-bar-container.active{transform:translateY(20%);transition:.5s;visibility:visible;flex-direction:column;background-color:#3b3054;border-radius:10px;padding:1rem 0}header .nav-bar-container.active ul{flex-direction:column;text-align:center}header .nav-bar-container.active ul li{margin:1rem 0}header .nav-bar-container.active ul li a{color:#fff}header .nav-bar-container.active .signIn-up-container{text-align:center}header .nav-bar-container.active .signIn-up-container a{margin:1rem auto;color:#fff}header .nav-bar-container.active .signIn-up-container .signup{display:block;width:80%}}@media (max-width:928px){header{padding:0 2rem}header .hamburger-menu{right:2rem}}.cta-section{display:flex;margin:5rem 0;padding:0 0 0 6rem;overflow-x:hidden}.cta-section .desc{flex:1;width:0;padding:4rem 0}.cta-section .desc span{display:block}.cta-section .desc h1{font-size:4.5rem}.cta-section .desc p{margin-bottom:3rem;color:#9e9aa7}.cta-section .desc .cta-btn{padding:.8rem 1.8rem;border-radius:20px;background-color:#2acfcf;color:#fff;text-decoration:none}.cta-section .desc .cta-btn:hover{background-color:#8de2e2;color:#fff}.cta-section .illustration-img{flex:1;width:0}.short-link{position:relative;height:10.5rem;margin:3rem 8rem 0}.short-link .short-link__container{position:absolute;left:0;right:0;top:50%;height:100%;border-radius:10px;background-image:url(images/bg-shorten-desktop.svg);background-repeat:no-repeat;background-color:#3b3054;display:flex;justify-content:space-evenly;align-items:center}.short-link .short-link__container div{width:60%;position:relative}.short-link .short-link__container div input{padding:1.3rem 1rem;border-radius:8px;outline:none;border:none;width:100%}.short-link .short-link__container div input::placeholder{font-family:Poppins,sans-serif;font-size:1rem}.short-link .short-link__container div input.error{border:3px solid #f46262}.short-link .short-link__container div .error-msg{display:none;position:absolute;bottom:-30px;color:#f46262}.short-link .short-link__container div .error-msg.active{display:block}.short-link .short-link__container a{padding:1rem 2rem;border-radius:8px;background-color:#2acfcf;color:#fff;text-decoration:none;cursor:pointer}.short-link .short-link__container a:hover{background-color:#8de2e2;color:#fff}.features{padding:12rem 0 3rem;background-color:#e6e6e6}.features .shorten-link-history{margin:1rem 6rem;display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background-color:#fff;border-radius:8px}.features .shorten-link-history #original-url{color:#000}.features .shorten-link-history div{display:flex;align-items:center}.features .shorten-link-history div .shorten-url{color:#2acfcf}.features .shorten-link-history div a{background-color:#2acfcf;color:#fff;text-decoration:none;padding:.8rem 2.5rem;margin-left:1rem;border-radius:5px;cursor:pointer}.features .shorten-link-history div a:hover{background-color:#8de2e2;color:#fff}.features h1{text-align:center;margin:3rem 0 1rem}.features span{display:block}.features p{text-align:center;color:#9e9aa7}.features .card-container{position:relative;margin:5rem 6rem;display:flex}.features .card-container .feature-card-first{position:relative;z-index:1;background-color:#fff;border-radius:6px;padding:2rem;height:20rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s}.features .card-container .feature-card-first .img-container{width:90px;height:90px;border-radius:50%;background-color:#3b3054;display:flex;justify-content:center;align-items:center;position:absolute;top:-15%}.features .card-container .feature-card-first:hover{box-shadow:0 12px 20px 0 rgba(0,0,0,.2)}.features .card-container .feature-card-seconde{position:relative;z-index:1;background-color:#fff;border-radius:6px;padding:2rem;height:20rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;margin:4rem 1.5rem 0}.features .card-container .feature-card-seconde .img-container{width:90px;height:90px;border-radius:50%;background-color:#3b3054;display:flex;justify-content:center;align-items:center;position:absolute;top:-15%}.features .card-container .feature-card-seconde:hover{box-shadow:0 12px 20px 0 rgba(0,0,0,.2)}.features .card-container .feature-card-third{position:relative;z-index:1;background-color:#fff;border-radius:6px;padding:2rem;height:20rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;margin-top:8rem}.features .card-container .feature-card-third .img-container{width:90px;height:90px;border-radius:50%;background-color:#3b3054;display:flex;justify-content:center;align-items:center;position:absolute;top:-15%}.features .card-container .feature-card-third:hover{box-shadow:0 12px 20px 0 rgba(0,0,0,.2)}.features .card-container:after{content:"";position:absolute;left:0;right:0;top:50%;height:.8rem;background-color:#2acfcf}.features .card-container h2{margin-top:2.5rem;text-align:left}.features .card-container p{text-align:left}.get-started-section{padding:3rem;background-image:url(images/bg-boost-desktop.svg);background-repeat:no-repeat;background-color:#3b3054;display:flex;justify-content:center;align-items:center;flex-direction:column}.get-started-section h1{color:#fff;font-size:2.5rem;margin-bottom:2rem}.get-started-section a{padding:1rem 2rem;border-radius:20px;background-color:#2acfcf;color:#fff;text-decoration:none}.get-started-section a:hover{background-color:#8de2e2;color:#fff}@media (max-width:1178px){.cta-section .desc h1{font-size:4rem}.features .shorten-link-history{margin:1rem 2rem;flex-direction:column;padding:0 1rem}.features .shorten-link-history #original-url{width:100%;padding:1rem;font-size:20px;border-bottom:1px solid}.features .shorten-link-history div{width:100%;flex-direction:column}.features .shorten-link-history div .shorten-url{padding:.5rem 0;font-size:20px}.features .shorten-link-history div a{width:100%;padding:.5rem;margin:1rem 0;text-align:center}.features h2{font-size:24px}.features p{font-size:16px}}@media (max-width:1060px){.cta-section .desc h1{font-size:3rem}.cta-section .desc p{font-size:15px}.features h2{font-size:20px}.features p{font-size:14px}}@media (max-width:928px){.cta-section{flex-direction:column;padding:0}.cta-section .desc{order:2;width:100%;text-align:center}.cta-section .desc h1{font-size:4.5rem}.cta-section .illustration-img{order:1;width:100%;text-align:center;margin-top:2rem}.cta-section .illustration-img img{width:80%}.short-link{height:12rem;margin:3rem 1rem 0}.short-link .short-link__container{flex-direction:column}.short-link .short-link__container div{width:90%}.short-link .short-link__container a{margin-top:1rem}.features .card-container{flex-direction:column;margin:5rem 3rem}.features .card-container .feature-card-first .img-container{transform:translateX(-50%);left:50%}.features .card-container .feature-card-seconde{margin:8rem 0}.features .card-container .feature-card-seconde .img-container{transform:translateX(-50%);left:50%}.features .card-container .feature-card-third{margin-top:0}.features .card-container .feature-card-third .img-container{transform:translateX(-50%);left:50%}.features .card-container:after{top:0;bottom:0;left:50%;width:.8rem;height:100%}.get-started-section{text-align:center}}@media (max-width:550px){.cta-section .desc h1{font-size:3rem}}footer{background-color:#232127;padding:2rem 6rem;display:flex;justify-content:space-between}footer .logo img,footer h4{color:#fff}footer h4{margin-bottom:1.5rem}footer ul{list-style-type:none}footer ul li{color:#9e9aa7;cursor:pointer;margin-top:5px;transition:.2s}footer ul li:hover{color:#2acfcf}footer .footer__social-links ul{display:flex}footer .footer__social-links ul li{margin:0 1rem}footer .footer__social-links ul li path{transition:.2s}footer .footer__social-links ul li path:hover{fill:#2acfcf}@media (max-width:928px){footer{padding:2rem 6rem;flex-direction:column;align-items:center;text-align:center}footer .logo{margin-bottom:2rem}footer h4{margin:1.5rem 0}footer ul{list-style-type:none}footer ul li{color:#9e9aa7;cursor:pointer;margin-top:5px;transition:.2s}footer ul li:hover{color:#2acfcf}footer .footer__social-links{margin-top:3rem}}