:root{--Cyan:#2acfcf;--Dark-Violet:#3b3054;--Red:#f46262;--Gray:#bfbfbf;--Grayish-Violet:#9e9aa7;--Very-Dark-Blue:#35323e;--Very-Dark-Violet:#232127}*,:after,:before{box-sizing:border-box;margin:0;padding:0}li{list-style:none}a{text-decoration:none}button,input[type=submit]{cursor:pointer;border:0}button:not(.ham-btn),input[type=submit]{font-weight:700;transition:background .35s}button:not(.copy-btn){border-radius:30px}input{border:0;border-radius:5px;padding:.8em;font-size:1.2rem}h1,h2,h3{color:var(--Very-Dark-Blue)}p{color:var(--Grayish-Violet)}body{min-height:100vh;text-align:center;background-color:#f8f8f8;font-family:Poppins,sans-serif;overflow-x:hidden}header,.main__section-1,.main__section-2{max-width:500px;margin:0 auto}header{padding:2em}header h1{margin-top:1em;font-size:3rem;line-height:1.2}header p{margin-top:.5em;font-size:1.3rem}.get-started-btn{background-color:var(--Cyan);width:200px;border-radius:30px;margin-top:1.5em;padding:.7em;font-size:1.3rem}.get-started-btn:hover,.get-started-btn:focus{background-color:#00adad}.get-started-btn a{color:#fff;font-weight:700}header nav{position:relative}.header__nav div:first-child{justify-content:space-between;align-items:center;display:flex}.nav-list{background-color:var(--Dark-Violet);width:100%;border-radius:10px;margin-top:1.5em;padding:1em;transition:left .3s;position:absolute;left:100vw}.nav-list ul{padding:1em}.nav-list ul a{font-size:18px;font-weight:700}.nav-list ul:first-child:after{content:"";width:100%;height:1px;background-color:var(--Grayish-Violet);opacity:.5;margin-top:1em;margin-bottom:-1em;display:block}.nav-list ul li{padding:1em}.signup-btn{background-color:var(--Cyan);width:100%;padding:1em}.signup-btn:hover,.signup-btn:focus{background-color:#65ffffe6}.nav-list a{color:#fff}.ham-btn{color:var(--Grayish-Violet);background:0 0;font-size:2rem;transition:transform .35s}.ham-btn:hover,.ham-btn:focus,.btn-active{transform:rotate(90deg)}.header__hero-img{width:620px}form *,form,.urls-list *,.main__section-2 div:not(.line){border-radius:5px}form{background:var(--Dark-Violet)url(bg-shorten-mobile.1d3022ee.svg) no-repeat;background-position:100% 0;background-size:contain;flex-direction:column;margin-top:3em;padding:1.3em;display:flex}#url-input{margin-bottom:.8em}#url-input:focus{outline-style:solid}#submit-btn{background-color:var(--Cyan);color:#fff}#submit-btn:hover,#submit-btn:focus{background-color:#65ffffcc}.main__section-1{max-width:400px;flex-direction:column;margin:0 auto;padding:0 1.5em;display:flex}.urls-list li{text-align:left;background-color:#fff;flex-direction:column;margin-top:1.2em;padding:.8em;font-size:1.1em;display:flex}.urls-list li span:first-child:not(.urls-list li div span){color:var(--Very-Dark-Blue)}.urls-list li span:first-child:not(.urls-list li div span):after{content:"";height:1px;background-color:var(--Gray);opacity:.6;width:100%;margin:.5em 0 .5em .8em;display:block;transform:translate(-13px)}.urls-list li div{flex-direction:column;display:flex}.urls-list li div span{color:var(--Cyan)}.copy-btn{background-color:var(--Cyan);color:#fff;margin-top:.8em;padding:.5em;font-size:1em}.copy-btn:hover,.copy-btn:focus{background-color:#53e2e2}.err-message{color:var(--Red);text-align:left;margin-top:-.7em;margin-bottom:1em}.input-err{outline-color:var(--Red)}.input-err::-webkit-input-placeholder{color:var(--Red)}.input-err::-moz-placeholder{color:var(--Red)}.input-err:-ms-input-placeholder{color:var(--Red)}.input-err::placeholder{color:var(--Red)}.active-ham-menu{left:0}@keyframes add-link{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.new-link{transform-origin:50% 0;animation:.2s linear add-link}.main__section-2{margin-top:6em;padding:2em}.main__section-2 h2{margin-bottom:.8em}.main__section-2 h2+p{margin-bottom:6em}.section-2__paras div:not(.line){background-color:#fff;margin:3em 0;padding:2em}.main__section-2 div h3{margin-top:-2em;margin-bottom:.5em;font-size:1.5rem}.main__section-2 div img{background-color:var(--Dark-Violet);border-radius:50%;padding:1.5em;transform:translateY(-80px)}.line{background-color:var(--Cyan);width:105px;height:8px;margin:0 auto;transform:rotate(90deg)}.main__section-3{background:var(--Dark-Violet)url(bg-boost-mobile.905df95b.svg) no-repeat;background-size:cover;padding:6em 1em}.main__section-3 h2,.main__section-3 a{color:#fff}.main__section-3 h2{margin-bottom:.5em;font-size:2rem}.main__section-3 button.get-started-btn{margin-top:0}footer{background-color:var(--Very-Dark-Violet);color:#fff;padding:4em 1em}.footer__nav figure:first-child{margin-top:2em}.footer__nav ul{padding:1em}.footer__nav ul li{padding:.3em 0}.footer__nav figcaption{margin-top:2em;font-size:1.1rem;font-weight:700}.footer__nav ul li,.footer__nav ul li a{color:var(--Gray)}.footer__nav ul li a{transition:color .35s}.footer__nav ul li a:hover,.footer__nav ul li a:focus{color:var(--Cyan)}.social-media-links{justify-content:center;gap:1.2em;display:flex}.social-media-links svg{width:24px;height:24px}.social-media-links path{transition:fill .4s}.social-media-links svg path{fill:#fff}.social-media-links svg:hover path,.social-media-links svg:focus path{fill:var(--Cyan)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:var(--Cyan);box-sizing:border-box;border-radius:50%;margin-top:3em;animation:1s linear infinite rotation;display:none}@media (min-width:1100px){header{height:100vh}header:after{content:"";height:120vh;z-index:-1;background-color:#fff;padding-bottom:20em;display:block;position:absolute;top:0;left:0;right:0}header,.main__section-1,.main__section-2{max-width:1200px}.main__section-1{transform:translateY(10px)}.header__nav{justify-content:space-between;align-items:center;display:flex}.header__nav div:first-child{margin-top:1em}.nav-list{width:auto;background:0 0;border:none;margin-top:0;padding:0;display:flex;position:relative;left:0}.nav-list ul{display:flex}.nav-list ul li{align-self:center}.nav-list ul a:not(.signup-btn a){color:var(--Grayish-Violet)}.nav-list ul li a{font-size:1rem;transition:color .35s}.nav-list ul li a:not(.signup-btn a):hover,.nav-list ul li a:not(.signup-btn a):focus{color:var(--Very-Dark-Blue)}.nav-list ul:first-child:after{display:none}.signup-btn{width:130px}.ham-btn{display:none}.header__main-content{text-align:left;width:100%;margin-top:2em;display:flex}.header__main-content img{max-width:700px;-o-object-fit:cover;object-fit:cover;order:1}.header__main-content h1{font-size:4rem}form{background:var(--Dark-Violet)url(bg-shorten-desktop.04ffd5bc.svg) no-repeat;-moz-column-gap:1em;background-size:cover;grid-template-columns:1fr .2fr;column-gap:1em;margin-bottom:.5em;padding:2.5em;display:grid}#url-input{width:100%;margin-bottom:0;font-size:1.4rem}#submit-btn{width:100%}.urls-list li span:first-child:not(.urls-list li div span):after{display:none}.urls-list li{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:.5em;padding:.8em 1.5em}.urls-list li span{font-size:1.3rem}.urls-list li div{display:block}.copy-btn{width:120px;margin-top:0;margin-left:1em}.err-message{order:1;margin:.3em 0 -1em}.line{width:10%;margin:auto 0;transform:none}.main__section-2{flex-direction:column;align-items:center;padding:0;display:flex}.main__section-2 h2{font-size:2em}.main__section-2 h2+p{max-width:600px;font-size:1.2rem}.section-2__paras{text-align:left;margin-bottom:5em;display:flex}.section-2__paras div:first-child{transform:translateY(-50px)}.section-2__paras div:last-child{transform:translateY(50px)}.main__section-3{background:var(--Dark-Violet)url(bg-boost-desktop.b3b682f8.svg) no-repeat;background-position:top;background-size:cover;padding:4em 1em}.main__section-3 button.get-started-btn{margin-top:.5em}.main__section-3 h2{font-size:2.5rem}footer{justify-content:space-around;display:flex}.footer__nav{-moz-column-gap:1em;text-align:left;grid-template-columns:repeat(4,1fr);column-gap:3em;display:grid}.footer__nav figure:first-child{margin-top:0}.footer__nav figcaption{margin-top:0;margin-bottom:1em}.footer__nav ul{padding:0}.social-media-links{margin-top:0}}@media (max-width:1100px){header{overflow-x:hidden}}.attribution{text-align:center;background-color:var(--Very-Dark-Violet);font-size:11px}.attribution a{color:#3e52a3}
/*# sourceMappingURL=index.53e22b50.css.map */