.url{cursor:pointer;background:none;color:#2f5bd1;border:none;padding:2px 0;border-radius:0;display:block;margin:8px auto;font-size:.95rem;text-decoration:underline}.url:hover{color:#1f3fa0}.url:active{color:#162d72}.result{margin-top:1.5em;padding-top:1.5em;border-top:1px solid #eee}.error{color:red}.success{color:green}.input-url{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.btn-shorten{background-color:#4caf50;color:#fff;padding:12px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer}.btn-shorten:disabled{background-color:#ccc;cursor:wait}body{background-color:#333;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-image:url(../../../images/bg2.svg);min-height:100vh}main{text-align:center;padding:3em;margin:1em auto;width:50%;background-color:#fff;border-radius:4px;box-shadow:0 4px 8px #00c999,0 6px 20px #576ae8}