@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap";html{margin:0;padding:0;font-family:"Poppins",sans-serif;box-sizing:border-box}body{transition:all .2s ease-in-out}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}a{text-decoration:none;color:#000;transition:all .2s ease-in-out;border-radius:5px;cursor:pointer}a:hover{background-color:#000;color:#fff;padding:.5rem}li{list-style:none}button{border:none;background:rgba(0,0,0,0)}.logo{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;font-size:2rem}.logo span{color:#3fbdf4}nav{z-index:99;display:flex;background-color:rgba(255,255,255,0);align-items:center;justify-content:space-between;position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-animation:fade 1s linear;animation:fade 1s linear}.nav-menu{display:flex;gap:3rem}.flex{display:flex;gap:3rem}@media(max-width: 768px){.nav-menu{position:fixed;flex-direction:column;top:0;right:-100%;height:100%;width:50%;text-align:left;padding:5rem 3rem;transition:all .2s ease-in-out;z-index:98}.nav-menu.active{display:flex;width:50%;position:fixed;top:0;right:0;height:1000%;flex-direction:column;box-shadow:0 0 5px 2px rgba(0,0,0,.2);text-align:left;background-color:#fff;padding:5rem 3rem;z-index:98}.flex{gap:.7rem}}@-webkit-keyframes fade{0%{opacity:0}100%{opacity:100%}}@keyframes fade{0%{opacity:0}100%{opacity:100%}}.menu{width:24px;flex-direction:column;gap:5px;display:flex;z-index:99}.menu span{background-color:#333;height:3px;transition:all .2s ease-in-out;border-radius:5px}.menu.close span:nth-child(1){transform:rotate(-45deg);transform-origin:top right}.menu.close span:nth-child(2){transform:scale(0)}.menu.close span:nth-child(3){transform:rotate(45deg);transform-origin:bottom right}@media(min-width: 769px){.menu{display:none}}main{display:grid;place-items:center;text-align:center;margin-bottom:5rem}.url-input{width:100%;display:grid;place-items:center;padding-top:5rem;padding-bottom:0rem}.url-input h1{margin-top:5rem;margin-bottom:2rem;font-size:3.5rem;line-height:2.3rem}.url-input h1 span{color:#2acfcf}.url-input p{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.url-input #url{border:2px solid #2acfcf;border-radius:5px;width:100%;padding:1rem 2rem;outline:none;font-size:1rem;box-shadow:.4rem .4rem 0 2px #2acfcf;transition:all .1s ease-in-out}.url-input #url:hover{scale:105%}form{display:flex;flex-direction:column;width:50%;align-items:center}@media(max-width: 768px){.url-input h1{font-size:2.5rem;padding:1rem}form{width:80%}}.btn-submit{background:#fff;font-family:inherit;padding:.5rem 1rem;font-weight:600;font-size:1rem;border:3px solid #2acfcf;border-radius:.4em;box-shadow:.1em .1em #2acfcf;width:50%;margin:2rem 0;cursor:pointer}.btn-submit:hover{transform:translate(-0.1em, -0.1em);box-shadow:.2em .2em #2acfcf}.btn-submit:active{transform:translate(0.1em, 0.1em);box-shadow:.1em .1em #2acfcf}.hero{display:flex;justify-content:space-around;align-items:center;padding:1.2rem}.hero img{width:60%;transition-delay:500ms}.title{font-size:3rem}.paraf{font-size:1.3rem}@media(max-width: 768px){.hero{flex-direction:column;text-align:center}}.feature{display:grid;grid-template-columns:repeat(2, 1fr);align-items:center;justify-content:center;gap:3rem;padding:3rem;margin:10rem 0}.card{border:1px solid #3b3054;border-radius:5px;padding:2rem;box-shadow:.4rem .4rem 0 2px #3b3054;transition:all .1s ease-in-out;transition-delay:400ms}.card h1{font-size:1.5rem}.card:nth-child(1){align-self:baseline;box-shadow:.4rem .4rem 0 2px #2acfcf;border:1px solid #2acfcf;transition-delay:400ms}.card:nth-child(3){align-self:flex-end;box-shadow:.4rem .4rem 0 2px #f46262;border:1px solid #f46262;transition-delay:200ms}.card:nth-child(4){align-self:flex-end;box-shadow:.4rem .4rem 0 2px #9e9aa7;border:1px solid #9e9aa7;transition-delay:200ms}@media(max-width: 768px){.feature{grid-template-columns:repeat(1, 1fr);margin:10rem 0}}footer{background-color:#3fbdf4;bottom:0;width:100%;display:flex;justify-content:space-evenly;gap:5rem;padding:2rem 0}footer div ul{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.icon img{transition:all .2s ease-in-out;cursor:pointer}.icon img:hover{scale:115%}.logo--footer{background-color:#fff;border:#333;border-radius:5px;box-shadow:.4rem .4rem 0 2px #333}@media(max-width: 768px){footer{flex-direction:column;text-align:center;gap:2rem}}.hidden{opacity:0;transition:all .8s ease-in-out;transform:translateX(-100%)}.show{opacity:1;transition:all .8s ease-in-out;transform:translateX(0)}#container{width:50%;display:flex;flex-direction:column;gap:2rem;margin-top:3rem}.child{display:flex;justify-content:space-between;align-items:center;border:2px solid #3fbdf4;border-radius:5px;width:100%;padding:1rem;font-size:1rem;box-shadow:.4rem .4rem 0 2px #3fbdf4}#link{color:#3fbdf4;text-decoration:underline;transition:all .2s ease-in-out}#link:hover{color:#fff;text-decoration:underline}#copy{display:flex;flex-direction:column;font-weight:600;align-items:center}#copy:hover{scale:110%;cursor:copy}#copy:active{scale:100%;cursor:wait}@media(max-width: 768px){#container{width:90%;margin-top:2rem}.child{flex-direction:column}}.error{display:none;border:2px solid #f46262;border-radius:5px;padding:1rem;font-size:1rem;box-shadow:.4rem .4rem 0 2px #f46262;width:30%;background:#fff;color:#f46262}.error-text{display:none;text-align:start;bottom:0;border-radius:5px;margin:1rem 1rem 0 0;background:#fff;color:#f46262}@media(max-width: 768px){:is(.error,.error-text){width:90%}}.loader{width:50px;height:50px;position:relative;z-index:1;transform:translateX(-50%);display:none}.loader::before,.loader::after{content:"";position:absolute;width:inherit;height:inherit;border-radius:50%;mix-blend-mode:multiply;-webkit-animation:rotate92523 2s infinite cubic-bezier(0.77, 0, 0.175, 1);animation:rotate92523 2s infinite cubic-bezier(0.77, 0, 0.175, 1)}.loader::before{background-color:#3fbdf4}.loader::after{background-color:#2acfcf;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes rotate92523{0%,100%{left:35px}25%{transform:scale(0.3)}50%{left:0%}75%{transform:scale(1)}}@keyframes rotate92523{0%,100%{left:35px}25%{transform:scale(0.3)}50%{left:0%}75%{transform:scale(1)}}.dark{color:#fff;background-color:#4d4d4d}.dark nav{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}.dark footer{background-color:#333}.dark .logo--footer{background-color:#333}.dark .nav-menu.active{background-color:#4d4d4d}.dark a{color:#fff}.dark .menu span{background-color:#fff}.dark .card{background-color:#fff;color:#4d4d4d}.dark .child{background-color:#fff;color:#4d4d4d}/*# sourceMappingURL=style.css.map */