@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&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}:root{--Blue:#5847eb;--Light-orange:#ff8c66;--Soft-blue:#56c2e6;--Light-red:#ff5c7c;--Lime-green:#4acf81;--Violet:#7536d3;--Soft-orange:#f1c65b;--Very-dark-blue:#0f1424;--Dark-blue:#1c1f4a;--Desaturated-blue:#6f76c8;--Pale-Blue:#bdc1ff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Rubik,sans-serif;font-size:18px}ul{list-style:none}img{max-width:100%}.app{background-color:#0f1424;background-color:var(--Very-dark-blue);min-height:100vh;width:100%}.nav-bar{justify-content:center;padding:1rem 0;width:100%}.nav-bar,.nav-bar .menu{align-items:center;display:flex}.nav-bar .menu{gap:2rem}.menu li a{color:#bdc1ff;color:var(--Pale-Blue);padding:5px;text-decoration:none}.menu li a:hover{color:#fff}.main{background-color:#fff;border-radius:20px;margin:1rem auto 0;padding:2rem;width:60%}.form,.main{position:relative}.form{display:flex;flex-direction:column}.error-txt{color:red;display:none;font-size:16px;font-style:italic;left:0;position:absolute;top:80px}.form label{color:#000;font-size:25px;font-weight:500;margin-bottom:5px}.form div{align-items:center;display:flex;justify-content:space-between}.form button,.form input{border:none;border-radius:10px;font-size:16px;outline:none;padding:10px}.form input{background-color:#e7e7e7;width:70%}.form input.error{border:2px solid red}.form input:focus{outline:1px solid #000}.form button{background-color:#f1c65b;background-color:var(--Soft-orange);color:#000;cursor:pointer;font-weight:700;width:28%}.form button:hover{background-color:#0f1424;background-color:var(--Very-dark-blue);color:#fff}.form p{font-size:16px;line-height:1.4;margin-top:20px}.form p .instruction-one{display:block}.form p .instruction-two{display:none}.short-url-results{bottom:0;display:none;left:0;opacity:0;position:absolute;transition:opacity .3s;width:100%}.short-url-results.show-links{bottom:-210px;display:block;opacity:1}.short-url-results ul{display:flex;flex-direction:column;gap:1.5rem}li.result{background-color:#fff;border-radius:15px;gap:.5rem;justify-content:space-between;max-height:50px;padding:.5rem 1rem}.divider,li.result{align-items:center;display:flex}.divider{gap:1rem}.long-link{color:rgba(0,0,0,.747);font-size:14px;line-height:.8;overflow:hidden;text-decoration:line-through;width:60%}.short-link{color:#56c2e6;color:var(--Soft-blue);font-size:16px;text-decoration:underline}.copy-btn{background-color:#4bcfa3;border:none;border-radius:7px;color:#000;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:8px 5px;width:120px}.copy-btn:hover{background-color:rgba(75,207,163,.836)}.copy-btn:focus{background-color:#0f1424;background-color:var(--Very-dark-blue);color:#fff}@media only screen and (max-width:970px){.main{width:80%}.error-txt{font-size:14px;top:76px}}@media only screen and (max-width:610px){.main{padding:1.2rem;width:90%}.form label{font-size:20px;margin-bottom:10px;text-align:center}.form button,.form input{border-radius:7px;font-size:14px;padding:7px}.error-txt{font-size:13px;top:68px}.form p{font-size:14px;margin-top:14px}.short-url-results.show-links{bottom:-180px}.short-url-results ul{gap:.7rem}.long-link{line-height:.8}.divider{gap:.5rem}.copy-btn{font-size:14px;width:60px}.short-link{font-size:15px}}@media only screen and (max-width:500px){.menu li a{font-size:16px}.main{border-radius:0;margin:0;padding:1rem;width:100%}li.result{border-radius:0;max-height:45px;padding:.5rem .4rem}.divider{gap:.3rem}.copy-btn{font-size:14px;width:60px}.short-link{font-size:14px;font-weight:500}}@media only screen and (max-width:375px){li.result{overflow:hidden}}
/*# sourceMappingURL=main.e0dc537b.css.map*/