@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap);:root{--prim-cyan:#2acfcf;--prim-cyan-hover:#5adddd;--prim-dark-violet:#3b3054;--secon-red:#f46262;--neu-gray:#bfbfbf;--neu-grayish-violet:#9e9aa7;--neu-very-dark-blue:#35323e;--neu-very-dark-violet:#232127;--font-family:"Poppins",sans-serif;--font-size:1.125rem}*{margin:0;padding:0;box-sizing:border-box;transition:all .5s}body{color:#35323e;color:var(--neu-very-dark-blue);font-family:"Poppins",sans-serif;font-family:var(--font-family);overflow-x:hidden}.container,body{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.container{position:relative;width:100vw;height:100%;max-width:90rem;-webkit-flex-direction:column;flex-direction:column}.link-data{width:100%}header{height:90vh}header,header .navbar{width:100%;background:#fff}header .navbar{position:fixed;max-width:90rem;top:0;height:12vh;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row;flex-direction:row;z-index:100000}.navbar .navbar-title,header .navbar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.navbar .navbar-title{width:10vw;height:100%;-webkit-justify-content:flex-start;justify-content:flex-start}.navbar .navbar-title h1{font-size:2rem;color:var(--neu-very-dark-violet)}.navbar .icon-menu{display:none}.navbar .navbar-content{width:75vw;-webkit-justify-content:center;justify-content:center}.navbar .navbar-content,.navbar .navbar-content ul{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row}.navbar .navbar-content ul{width:50%;height:100%}.navbar .navbar-content ul li{list-style:none;cursor:pointer}.navbar .navbar-content ul li a{text-decoration:none;color:var(--neu-grayish-violet);font-weight:700;font-size:.9rem;transition:.2s}.navbar .navbar-content .navbar-menu1{margin:0 3rem;-webkit-justify-content:flex-start;justify-content:flex-start}.navbar .navbar-content .navbar-menu1 li{margin-right:5%}.navbar .navbar-content .navbar-menu1 li:hover a{color:var(--neu-very-dark-violet)}.navbar .navbar-content .navbar-menu2{-webkit-justify-content:flex-end;justify-content:flex-end}.navbar .navbar-content .navbar-menu2 li{width:7rem;margin:0 1%;text-align:center;border-radius:20px;padding:.4rem .5rem;transition:.2s}.navbar .navbar-content .navbar-menu2 li:hover{background:var(--prim-cyan)}.navbar .navbar-content .navbar-menu2 li:hover a{color:#fff}header .banner{width:100%;margin-top:12.5vh;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:row;flex-direction:row}.banner .banner-info,header .banner{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.banner .banner-info{width:50%;height:100%;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.banner .banner-info .banner-text{position:relative;width:100%;padding-left:15%}.banner .banner-info .banner-text h1{font-size:3.5rem;color:var(--neu-very-dark-violet)}.banner .banner-info .banner-text p{width:80%;height:100%;color:var(--neu-grayish-violet)}.banner .banner-info .banner-button{width:100%;margin:1rem 0;padding-left:15%}.banner .banner-info .banner-button button{background:var(--prim-cyan);height:2.5rem;color:#fff;border:initial;border-radius:25px;font-size:1rem;font-weight:700;padding:1% 4%;transition:.2s;cursor:pointer}.banner .banner-info button:hover{background-color:var(--prim-cyan-hover)}.banner .banner-img{position:relative;width:50%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.banner .banner-img img{width:100%}main{background:#ededed;margin-top:1rem}main,main .shorter-container{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}main .shorter-container{position:relative}.shorter-container .shorten-form{width:85%;height:10rem;background:var(--neu-very-dark-blue);background-image:url(/URL-shortening-react/static/media/bg-shorten-desktop.0d9742f4.svg);background-size:cover;-webkit-flex-direction:column;flex-direction:column;padding:2rem;border-radius:10px}.shorter-container .shorten-form,.shorter-container .shorten-form .short{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.shorter-container .shorten-form .short{position:relative;width:100%;height:80%}.shorter-container .shorten-form input{width:85%;height:80%;outline:0;font-size:1rem;font-weight:500;margin-right:2%;padding:1rem;border-radius:10px;transition:none}.shorter-container .shorten-form button{width:15%;height:80%;background:var(--prim-cyan);font-size:1rem;font-weight:700;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:none;border-radius:10px;transition:all 1s ease;cursor:pointer}.shorter-container .shorten-form button:hover{background-color:var(--prim-cyan-hover)}.shorter-container .shorten-form .shorten-alert{width:100%;height:20%;display:none;-webkit-align-items:center;align-items:center;border:1px solid #fff;padding-left:1rem}.display{display:-webkit-flex!important;display:flex!important}.error{border:5px solid var(--secon-red)}.shorter-container .shorten-form .shorten-alert p{font-size:1rem;color:var(--secon-red)}.shorter-container .loading-container{background-color:rgba(250,240,245,.9);width:100%;height:100%;display:block;z-index:10000}.shorter-container .loading{border:5px solid #fff;border-top-color:transparent;width:30px;height:30px;border-radius:100%;-webkit-animation:girar 1.5s linear infinite;animation:girar 1.5s linear infinite}@-webkit-keyframes girar{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes girar{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.shorter-container .links-container{width:85%;height:4rem;background:#fff;-webkit-justify-content:center;justify-content:center;border-radius:5px;margin:.8rem 0;padding:5px}.shorter-container .links-container,.shorter-container .links-container .links{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.shorter-container .links-container .links{width:90%;-webkit-justify-content:space-between;justify-content:space-between;padding:0 1.5rem}.shorter-container .links-container .links .link{font-size:1rem}.links .original{color:var(--neu-very-dark-blue)}.links .short{color:var(--prim-cyan)}.shorter-container .links-container .button{width:15%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.shorter-container .links-container .button button{width:75%;height:2rem;background:var(--prim-cyan);color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:5px;transition:.2s;cursor:pointer}.shorter-container .links-container .button button:hover{background-color:var(--prim-cyan-hover)}.stats-section{position:relative;width:100%;height:100%;margin-top:3rem}.stats-section .stats-title{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.stats-section .stats-title h1{width:50%;height:100%;font-size:2rem;text-align:center}.stats-section .stats-title p{width:40%;height:100%;color:var(--neu-grayish-violet);text-align:center}.stats-section .stats-container{width:100%;height:20rem;-webkit-align-items:center;align-items:center;margin:5rem 0}.stats-section .stats-container,.stats-section .stats-container .stats{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.stats-section .stats-container .stats{width:28%;min-height:20rem;-webkit-flex-direction:column;flex-direction:column;background:#fff;padding:.5rem 1.5rem;border-radius:5px}.high{bottom:8%}.low{top:8%}.stats-section .stats-container .stats .image{position:absolute;width:5.5rem;height:5.5rem;background:var(--prim-dark-violet);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;top:-12%;border-radius:100px}.stats-section .stats-container .stats .text{width:100%;height:70%;margin-top:4rem}.stats-section .stats-container .stats .text p{color:var(--neu-grayish-violet)}.stats-section .stats-container .line{width:2rem;height:.5rem;background:var(--prim-cyan)}.boost-container{width:100%;height:14rem;display:-webkit-flex;display:flex;background-color:var(--neu-very-dark-blue);background-image:url(/URL-shortening-react/static/media/bg-boost-desktop.772154c9.svg);background-size:cover;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.boost-container h1{font-size:2.5rem;text-align:center;color:#fff}.boost-container button{width:9rem;height:3rem;color:#fff;background:var(--prim-cyan);font-size:1rem;font-weight:700;border:none;border-radius:25px;padding:.5rem;transition:.2s;cursor:pointer}.boost-container button:hover{background-color:var(--prim-cyan-hover)}footer{position:relative;width:100%;height:15rem;color:#fff;background:var(--neu-very-dark-violet);bottom:0}footer .footer-container{width:100%;-webkit-align-items:center;align-items:center}.footer-container .title,footer .footer-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.footer-container .title{width:25%}.footer-container .menu-container,.footer-container .title{height:15rem;-webkit-align-items:flex-start;align-items:flex-start;padding:.5rem 0}.footer-container .menu-container{width:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.footer-container .menu-container ul{margin:1rem 5%}.footer-container .menu-container ul li{list-style:none;margin:.2rem 0}.footer-container .menu-container ul li a{text-decoration:none;font-size:1rem;transition:.2s;color:var(--neu-grayish-violet)}.footer-container .menu-container ul li:first-child{margin-bottom:.8rem}.footer-container .menu-container ul li:first-child a{color:#fff;font-weight:700}.footer-container .menu-container ul li:hover a{color:var(--prim-cyan-hover)}.footer-container .social{width:20%;height:15rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;padding:1.5rem 1rem}.footer-container .social a{font-size:1.8rem;color:#fff;margin:0 .8rem}.footer-container .social a i{transition:.2s}.footer-container .social a i:hover{color:var(--prim-cyan-hover)}@media only screen and (max-width:50rem){header{height:100%;min-height:90vh}.navbar .navbar-title h1{font-size:1.8rem}.navbar .icon-menu{position:relative;width:75%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center}.navbar .icon-menu i{font-size:2rem;transition:.1s;cursor:pointer}.navbar .icon-menu i:hover{color:var(--prim-cyan-hover)}.navbar .navbar-content{position:fixed;top:12vh;width:40%;right:-100%;background-color:var(--neu-very-dark-blue);height:88vh;border-radius:20px;padding:0 2rem;z-index:100000}.navbar .navbar-content,.navbar .navbar-content ul{-webkit-flex-direction:column;flex-direction:column}.navbar .navbar-content ul{position:relative;width:100%;height:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.navbar .navbar-content ul li{margin:5% 0}.navbar .navbar-content ul li a{color:#fff;font-size:1.2rem}.navbar .navbar-content .navbar-menu1{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-bottom:1px solid #fff}.navbar .navbar-content .navbar-menu1 li{margin-right:0}.navbar .navbar-content .navbar-menu1 li:hover a{color:var(--prim-cyan-hover)}.navbar .navbar-content .navbar-menu2{-webkit-justify-content:center;justify-content:center}.navbar .navbar-content .navbar-menu2 li{width:90%;margin:.5rem 0;text-align:center;border-radius:20px;padding:.4rem .5rem}.footer-container .social{-webkit-flex-wrap:wrap;flex-wrap:wrap}}@media only screen and (max-width:48rem){header .banner{-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.banner .banner-info{width:100%;height:50%}.banner .banner-info .banner-text{padding:0 10%}.banner .banner-info .banner-text h1{text-align:center}.banner .banner-info .banner-text p{width:100%;text-align:center}.banner .banner-info .banner-button{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:0;margin-top:.8rem}}@media only screen and (max-width:46.125rem){.shorter-container .shorten-form{width:95%;height:14rem}.shorter-container .shorten-form .short{height:100%;-webkit-flex-direction:column;flex-direction:column}.shorter-container .shorten-form input{width:100%;height:3.5rem;margin:0}.shorter-container .shorten-form button{width:20%;height:3rem;margin-top:.5rem}.shorter-container .links-container{width:95%;height:100%;-webkit-flex-direction:column;flex-direction:column}.shorter-container .links-container .links{width:100%;border-bottom:2px solid #000;margin:.5rem 0}.stats-section .stats-title h1{width:100%;font-size:1.8rem}.stats-section .stats-title p{width:60%}.stats-section .stats-container{height:100%;-webkit-flex-direction:column;flex-direction:column;margin:15% 0}.stats-section .stats-container .stats{width:70%;height:100%;min-height:14rem;-webkit-align-items:center;align-items:center;text-align:center;padding:.8rem 1.5rem}.stats-section .stats-container .line{width:.5rem;height:4rem}}@media only screen and (max-width:38.75rem){.navbar .navbar-content{width:90%;margin-right:5%}.banner .banner-img{width:15rem;height:15rem}.shorter-container .shorten-form button{width:100%}.shorter-container .links-container .links{width:100%;-webkit-flex-direction:column;flex-direction:column;border:transparent}.shorter-container .links-container .links .link{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.links .original{border-bottom:1px solid #000}.shorter-container .links-container .button{width:90%}.shorter-container .links-container .button button{width:100%;height:2.2rem}.stats-section .stats-container .stats,.stats-section .stats-title p{width:90%}footer{height:100%}footer .footer-container{-webkit-flex-direction:column;flex-direction:column}.footer-container .title{height:100%;margin-bottom:.5rem}.footer-container .menu-container{width:100%;height:100%}.footer-container .menu-container,.footer-container .menu-container ul{-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.footer-container .menu-container ul{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:.5rem 0}.footer-container .social{width:100%;height:100%;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}}
/*# sourceMappingURL=main.6fb1c0cc.chunk.css.map */