@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap);body{margin:0}:root{--cyan:#2acfcf;--dark:#3b3054;--red:#f46262;--gray:#bfbfbf;--grayish-violet:#9e9aa7;--very-dark-blue:#35323e;--very-dark-violet:#232127;--second-gray:#f0f1f6;--font-size:18px;--font-family:"Poppins",sans-serif}.App{display:flex;flex-direction:column;font-family:var(--font-family)}#header,#shorter,#statistic,#top{margin:0 8rem}#footer{padding:0 8rem}#statistic{align-items:center;background-color:var(--second-gray);display:flex;flex-direction:column;justify-content:center;margin:0;padding:4rem 8rem}@media screen and (max-width:1023px){#statistic{padding:2rem}}#statistic #text{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:3rem}#statistic #text #title{color:var(--very-dark-blue);font-size:2em}@media screen and (max-width:767px){#statistic #text #title{text-align:center}}#statistic #text #subtitle{color:var(--grayish-violet);text-align:center;width:65%}#statistic #cards{align-items:center;display:flex;gap:2rem;justify-content:space-around;margin-bottom:5rem;z-index:10}@media screen and (max-width:1023px){#statistic #cards{flex-direction:column}}#statistic #cards .line{background-color:var(--cyan);border:3px solid var(--cyan);position:absolute;width:60%;z-index:-1}@media screen and (max-width:1023px){#statistic #cards .line{height:100%;width:0}}#statistic #cards #title{color:var(--very-dark-blue);margin-bottom:0}@media screen and (max-width:1023px){#statistic #cards #title{text-align:center}}#statistic #cards #content{color:var(--grayish-violet)}#statistic #cards #card2{margin-top:2.5rem}@media screen and (max-width:1023px){#statistic #cards #card2{margin-top:2rem}}#statistic #cards #card3{margin-top:5rem}@media screen and (max-width:1023px){#statistic #cards #card3{margin-top:2rem}}#statistic #cards #card1,#statistic #cards #card2,#statistic #cards #card3{align-self:flex-start;background-color:#fff;border-radius:.5rem;height:auto;padding:2rem}#statistic #cards #card1 #content,#statistic #cards #card2 #content,#statistic #cards #card3 #content{margin-bottom:0}@media screen and (max-width:1023px){#statistic #cards #card1 #content,#statistic #cards #card2 #content,#statistic #cards #card3 #content{text-align:center}}#statistic #cards #card1 .icon,#statistic #cards #card2 .icon,#statistic #cards #card3 .icon{align-items:center;background-color:var(--dark);border-radius:9999px;display:flex;height:30px;justify-content:center;margin-top:-4.25rem;padding:1.5rem;width:30px}@media screen and (max-width:1023px){#statistic #cards #card1 .icon,#statistic #cards #card2 .icon,#statistic #cards #card3 .icon{margin-left:auto;margin-right:auto;text-align:center}}#boost{align-items:center;background:url(/UrlShortener/static/media/bg-boost-desktop.772154c9b0e451733f5e.svg) var(--dark);display:flex;flex-direction:column;justify-content:center;padding:3rem}#boost #title{color:#fff;font-size:25px}@media screen and (max-width:767px){#boost #title{text-align:center}}.button{background-color:var(--cyan);border:none;border-radius:1.5rem;color:#fff;font-family:var(--font-family);font-weight:600;padding:.75rem 1.5rem}.button:hover{opacity:.8}#footer{background-color:var(--very-dark-violet);color:#fff;display:flex;justify-content:space-between;padding:3rem 8rem}@media screen and (max-width:850px){#footer{align-items:center;flex-direction:column;gap:1rem}}#footer #company-name{margin:0}#footer .text-content{display:flex;gap:4rem}@media screen and (max-width:850px){#footer .text-content{align-items:center;flex-direction:column;gap:1rem}}#footer .company,#footer .features,#footer .resources{display:flex;flex-direction:column}@media screen and (max-width:850px){#footer .company,#footer .features,#footer .resources{align-items:center}}#footer .company h1,#footer .features h1,#footer .resources h1{font-size:14px;margin:0 0 1.5rem}#footer .company a,#footer .features a,#footer .resources a{color:var(--gray);font-size:14px;margin-bottom:1rem}#footer .company a:hover,#footer .features a:hover,#footer .resources a:hover{color:var(--cyan)}#footer .social-media{align-items:baseline;display:flex;gap:20px}@media screen and (max-width:1024px){#footer .social-media{flex-direction:column}}@media screen and (max-width:850px){#footer .social-media{flex-direction:row}}#footer .social-media path:hover{fill:var(--cyan)}#header{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:1023px){#header{margin-left:2rem;margin-right:2rem}}#header #text{align-items:center;display:flex;gap:20px;width:100%}@media screen and (max-width:767px){#header #text{justify-content:space-between}}#header #text #mobile-icon{display:none}@media screen and (max-width:767px){#header #text #mobile-icon{background:transparent;border:none;display:block;outline:none}#header #text #mobile-icon svg{color:var(--gray);height:25px;width:30px}}#header #text #header-items.active{align-items:center;display:block;display:flex;position:absolute}#header #text #header-items{align-items:center;display:flex;justify-content:space-between;width:100%}@media screen and (max-width:767px){#header #text #header-items{align-items:center;background:var(--dark);border-radius:.5rem;display:none;flex-direction:column;height:268px;justify-content:space-around;padding:1rem 0;top:4.5rem;width:calc(100% - 4rem)}}#header #text #header-items #urls{color:var(--grayish-violet);display:flex;font-size:10px;gap:10px}#header #text #header-items #urls :hover{color:var(--very-dark-blue)}@media screen and (max-width:767px){#header #text #header-items #urls :hover{color:var(--gray)}#header #text #header-items #urls{align-items:center;color:#fff;display:flex;flex-direction:column}}#header #text #buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:auto auto;margin-left:-2rem}@media screen and (max-width:767px){#header #text #buttons{align-items:center;border-top:1px solid;border-color:var(--grayish-violet);display:flex;flex-direction:column;margin-left:0;width:80%}}#header #text #buttons #login{background-color:transparent;color:var(--grayish-violet)}@media screen and (max-width:767px){#header #text #buttons #login{color:#fff}#header #text #buttons #sign-up{width:100%}}.short{background-color:var(--second-gray);margin-top:5rem}.short #shorter{align-items:center;background:url(/UrlShortener/static/media/bg-shorten-desktop.0d9742f433f4b0d8752b.svg) no-repeat var(--dark);background-size:cover;border-radius:10px;display:flex;flex-direction:column;gap:15px;justify-content:center;margin-bottom:1rem;margin-top:-4.5rem}@media screen and (max-width:1023px){.short #shorter{margin-left:2rem;margin-right:2rem}}.short #shorter #form{grid-column-gap:10px;border-radius:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:auto 15%;padding:2rem 0;width:88%}@media screen and (max-width:1023px){.short #shorter #form{grid-template-columns:auto;row-gap:10px}.short #shorter #form span#error{grid-row-start:2}}.short #shorter #form #link{background-color:#fff;border:0;border-radius:.5rem;color:var(--grayish-violet);font-family:var(--font-family);padding:1rem 1.5rem}.short #shorter #form #link .error{border:1px solid #000}.short #shorter #form #link.error{border:2px solid var(--red)}.short #shorter #form span#error{color:var(--red);display:none;font-style:italic}.short #shorter #form .button{border-radius:.5rem;margin:0 auto;padding:1rem 2rem}@media screen and (max-width:768px){.short #shorter #form .button{width:100%}}.short #links{display:flex;flex-direction:column;gap:15px;margin:0 8rem}@media screen and (max-width:1023px){.short #links{margin-left:2rem;margin-right:2rem}}@media screen and (max-width:767px){.short #links .link{flex-direction:column;gap:5px}}.short #links #original{word-wrap:break-word;height:auto;max-width:60%}@media screen and (max-width:767px){.short #links #original{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:.5rem;max-width:none;overflow:hidden;text-align:center;text-align:start;width:calc(90% + 4rem)}}.short #links #short{max-width:40%}@media screen and (max-width:767px){.short #links #short{align-items:flex-start;border-top:1px solid var(--second-gray);max-width:none;padding-top:.5rem;width:calc(100% + 4rem)}.short #links #short p{margin-left:5%}.short #links #short .button{margin-left:5%;width:90%}}.link{background-color:#fff;border-radius:.5rem;padding:1rem 2rem}#short,.link{align-items:center;display:flex;justify-content:space-between}#short{color:var(--cyan);gap:20px}#short p{margin:0}@media screen and (max-width:1024px){#short{flex-direction:column;gap:.5rem}}#short .button{border-radius:.5rem;padding:.5rem 1.5rem}#short .dark{background-color:var(--dark);opacity:1}#top{display:flex;justify-content:space-between;margin-right:0}#top #top-container{width:50%}@media screen and (max-width:1023px){#top #top-container{margin:0 auto;width:80%}}#top #top-container h1{color:var(--very-dark-blue);font-size:60px;line-height:4.5rem;margin-bottom:0}@media screen and (max-width:1023px){#top #top-container h1{font-size:40px;line-height:40px;margin-bottom:2rem}}#top #top-container p{color:var(--grayish-violet);font-size:var(--font-size);margin:0;width:70%}#top #top-container #get-started{font-size:var(--font-size);font-weight:700;margin:6rem 0;padding:.75rem 2rem}@media screen and (max-width:1023px){#top #top-container{align-items:center;justify-content:center;text-align:center}#top #top-container p{width:100%}#top #top-container #get-started{margin:2rem}}#top #top-img{margin-bottom:3rem;overflow:hidden;text-align:center}#top #top-img img{width:100%}@media screen and (max-width:767px){#top #top-img img{width:90%}}@media screen and (max-width:1023px){#top{align-items:center;flex-direction:column-reverse;margin-left:0}}
/*# sourceMappingURL=main.bf2731b9.css.map*/