@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-landing-container{background-color:#8bc6ec;background-image:linear-gradient(135deg,#8bc6ec,#9599e2);height:100vh;overflow-y:scroll;padding:1rem 0;width:100vw}.main-landing-container,.sub-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.main-head{color:#18022c;font-family:Ubuntu,sans-serif;font-size:6rem;margin-bottom:1.8rem;text-align:center}.btn{background-color:#191717;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:Rubik,sans-serif;font-size:1.2rem;height:3.2rem;margin:1rem .5rem 0 0;transition:scale .5s ease-in-out;width:13rem}.btn:hover{border:.1rem solid #fff;scale:1.1}.link{all:unset;color:inherit;display:inline-block;padding:5px;place-items:center;text-decoration:none}@media (max-width:1024px){.main-head{font-size:4.5rem}.btn{font-size:1.1rem;height:3rem;width:11rem}}@media (max-width:768px){.main-head{font-size:3.5rem}.btn{font-size:1rem;height:2.8rem;width:9rem}}@media (max-width:480px){.main-head{font-size:2.5rem}.btn{font-size:.9rem;height:2.5rem;width:7rem}}section .signin{background:#222;border-radius:4px;box-shadow:0 15px 35px rgba(0,0,0,.9);max-width:400px;padding:40px;position:absolute;width:90%;z-index:1000}section .signin,section .signin .content{align-items:center;display:flex;justify-content:center}section .signin .content{flex-direction:column;gap:40px;position:relative;width:100%}section .signin .content h2{color:#0f0;font-size:2em;text-align:center;text-transform:uppercase}section .signin .content .form{display:flex;flex-direction:column;gap:25px;width:100%}section .signin .content .form .inputBox{position:relative;width:100%}section .signin .content .form .inputBox input{background:#333;border:none;border-radius:4px;color:#fff;font-size:1em;font-weight:500;outline:none;padding:15px 10px;position:relative;width:100%}section .signin .content .form .inputBox input::-webkit-input-placeholder{color:#aaa;font-size:.9em}section .signin .content .form .inputBox input::placeholder{color:#aaa;font-size:.9em}section .signin .content .form .inputBox i{color:#aaa;font-style:normal;left:0;padding:15px 10px;pointer-events:none;position:absolute;transition:.5s}.signin .content .form .inputBox input:focus~i,.signin .content .form .inputBox input:valid~i{color:#fff;font-size:.8em;-webkit-transform:translateY(-7.5px);transform:translateY(-7.5px)}.signin .content .form .links{display:flex;justify-content:space-between;position:relative;width:100%}.signin .content .form .links a{color:#fff;text-decoration:none}.signin .content .form .links a:nth-child(2){color:#0f0;font-weight:600}.signin .content .form .inputBox .button,.signin .content .form .inputBox input[type=submit]{background:#0f0;border-radius:4px;color:#000;cursor:pointer;font-size:1.35em;font-weight:600;letter-spacing:.05em;padding:10px}@media (max-width:900px){section span{height:calc(10vw - 2px);width:calc(10vw - 2px)}section .signin{padding:30px;width:80%}section .signin .content h2{font-size:1.8em}section .signin .content .form .inputBox input{font-size:.9em;padding:12px 10px}section .signin .content .form .inputBox input::-webkit-input-placeholder{font-size:.8em}section .signin .content .form .inputBox input::placeholder{font-size:.8em}.signin .content .form .inputBox .button,.signin .content .form .inputBox input[type=submit]{font-size:1.2em}}@media (max-width:600px){section span{height:calc(20vw - 2px);width:calc(20vw - 2px)}section .signin{padding:20px;width:95%}section .signin .content h2{font-size:1.5em}section .signin .content .form .inputBox input{font-size:.8em;padding:10px}section .signin .content .form .inputBox input::-webkit-input-placeholder{font-size:.7em}section .signin .content .form .inputBox input::placeholder{font-size:.7em}section .signin .content .form .inputBox i{color:#fff;font-size:.8em;-webkit-transform:translateY(-7.5px);transform:translateY(-7.5px)}.signin .content .form .inputBox input:focus~i,.signin .content .form .inputBox input:valid~i{font-size:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.signin .content .form .inputBox .button,.signin .content .form .inputBox input[type=submit]{font-size:1.1em}}*{font-family:Quicksand,sans-serif}.form{all:unset}section{align-items:center;background:#000;display:flex;flex-wrap:wrap;gap:2px;height:100vh;justify-content:center;overflow:hidden;position:absolute;width:100vw}section:before{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;background:linear-gradient(#000,#0f0,#000);content:"";height:100%;position:absolute;width:100%}@-webkit-keyframes animate{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes animate{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}section span{background:#181818;display:block;height:calc(6.25vw - 2px);position:relative;transition:1.5s;width:calc(6.25vw - 2px);z-index:2}section span:hover{background:#0f0;transition:0s}section .signup{background:#222;border-radius:4px;box-shadow:0 15px 35px rgba(0,0,0,.9);max-width:400px;padding:40px;position:absolute;width:90%;z-index:1000}section .signup,section .signup .content{align-items:center;display:flex;justify-content:center}section .signup .content{flex-direction:column;gap:40px;position:relative;width:100%}section .signup .content h2{color:#0f0;font-size:2em;text-align:center;text-transform:uppercase}section .signup .content .form{display:flex;flex-direction:column;gap:25px;width:100%}section .signup .content .form .inputBox{position:relative;width:100%}section .signup .content .form .inputBox input{background:#333;border:none;border-radius:4px;color:#fff;font-size:1em;font-weight:500;outline:none;padding:25px 10px 7.5px;position:relative;width:100%}section .signup .content .form .inputBox input::-webkit-input-placeholder{color:#aaa;font-size:.9em}section .signup .content .form .inputBox input::placeholder{color:#aaa;font-size:.9em}section .signup .content .form .inputBox i{color:#aaa;font-style:normal;left:0;padding:15px 10px;pointer-events:none;position:absolute;transition:.5s}.signup .content .form .inputBox input:focus~i,.signup .content .form .inputBox input:valid~i{color:#fff;font-size:.8em;-webkit-transform:translateY(-7.5px);transform:translateY(-7.5px)}.signup .content .form .links{display:flex;justify-content:space-between;position:relative;width:100%}.signup .content .form .links a{color:#fff;text-decoration:none}.signup .content .form .links a:nth-child(2){color:#0f0;font-weight:600}.signup .content .form .inputBox .button,.signup .content .form .inputBox input[type=submit]{background:#0f0;border-radius:4px;color:#000;cursor:pointer;font-size:1.35em;font-weight:600;letter-spacing:.05em;padding:10px}button:active,input[type=submit]:active{opacity:.6}@media (max-width:900px){section span{height:calc(10vw - 2px);width:calc(10vw - 2px)}section .signup{padding:30px;width:80%}section .signup .content h2{font-size:1.8em}section .signup .content .form .inputBox input{font-size:.9em;padding:12px 10px}section .signup .content .form .inputBox input::-webkit-input-placeholder{font-size:.8em}section .signup .content .form .inputBox input::placeholder{font-size:.8em}.signup .content .form .inputBox .button,.signup .content .form .inputBox input[type=submit]{font-size:1.2em}}@media (max-width:600px){section span{height:calc(20vw - 2px);width:calc(20vw - 2px)}section .signup{padding:20px;width:95%}section .signup .content h2{font-size:1.5em}section .signup .content .form .inputBox input{font-size:.8em;padding:10px}section .signup .content .form .inputBox input::-webkit-input-placeholder{font-size:.7em}section .signup .content .form .inputBox input::placeholder{font-size:.7em}section .signup .content .form .inputBox i{color:#fff;font-size:.8em;-webkit-transform:translateY(-7.5px);transform:translateY(-7.5px)}.signup .content .form .inputBox input:focus~i,.signup .content .form .inputBox input:valid~i{font-size:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.signup .content .form .inputBox .button,.signup .content .form .inputBox input[type=submit]{font-size:1.1em}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f2f5;color:#333;font-family:Inter,sans-serif;line-height:1.6}.landing-container{background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;min-height:100vh;padding:2rem}.landing-container,.navbar{align-items:center;display:flex}.navbar{background-color:hsla(0,0%,100%,.95);border-radius:.5rem;box-shadow:0 2px 10px rgba(0,0,0,.1);justify-content:space-between;margin-bottom:1rem;max-width:600px;padding:1rem;width:100%}.head{color:#764ba2;font-size:1.25rem;font-weight:700}.profile-section{align-items:center;display:flex;gap:.5rem}.main-content{background-color:#fff;border-radius:1rem;box-shadow:0 10px 25px rgba(0,0,0,.1);max-width:1200px;padding:2rem;width:100%}.header{color:#4a5568;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.input-container{display:flex;gap:1rem;margin-bottom:2rem}.input-container input,.note-container input,.search-container input{border:1px solid #e2e8f0;border-radius:.5rem;color:#4a5568;flex:1 1;font-size:1rem;padding:.75rem 1rem}.inputbtn{background-color:#667eea;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;margin-top:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.inputbtn:hover{background-color:#5a67d8}.note-container,.search-container{margin-bottom:2rem}.url-table-container{overflow-x:auto;width:100%}.main-table{border-collapse:initial;border-spacing:0;width:100%}.table-header{background-color:#f7fafc}.table-header th{border-bottom:2px solid #e2e8f0;color:#4a5568;font-weight:600;padding:1rem;text-align:left}.table-row{background-color:#333;transition:background-color .3s ease}.table-row:hover{background-color:#f7fafc;.full-url,.note{color:#333}}.table-row td{border-bottom:1px solid #e2e8f0;padding:1rem}.full-url{color:#fff;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shorten-url{color:#667eea;cursor:pointer;font-weight:500}.note{color:#fff}.clicks{color:#48bb78;font-weight:500}@media (max-width:768px){.landing-container,.main-content{padding:1rem}.input-container{flex-direction:column}.full-url{max-width:200px}}
/*# sourceMappingURL=main.ca5df1ac.css.map*/