:root{background-color:#0b0f19;overflow:hidden}h1{color:#faebd7;font-size:64px;position:absolute;top:13%;left:50%;transform:translate(-50%,-50%)}.MainButton:hover{cursor:pointer;transform:translate(-50%,-50%)scale(1.03)}.MainButton{cursor:pointer;color:#0b0f19;background:#fff;border:none;border-radius:12px;padding:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;transition:transform .2s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 35px 2px #8b008b}.Container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;gap:30px;width:350px;padding:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #000c}.URLContainer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:1fr;justify-content:center;align-items:start;gap:40px;width:600px;padding:40px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #000c}.form{flex-direction:column;gap:20px;width:100%;display:flex}.formButtons{flex-direction:column;gap:12px;width:100%;display:flex}button{cursor:pointer;border:none;border-radius:12px;padding:12px;font-weight:600;transition:all .3s}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#fff9;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.input-group input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:12px;outline:none;padding:12px;transition:all .3s}.btn-login{color:#0b0f19;background:#fff}.btn-login:hover{color:#fff;background:#8b008b;transform:translateY(-2px);box-shadow:0 5px 15px #8b008b66}.btn-quit{color:#ffffff80;background:0 0}.btn-quit:hover{color:#fff}.saveUrlField{border-style:none;border-radius:6px;justify-content:center;width:100%;display:flex}.PageContainer{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:120vh;display:flex;overflow:hidden}.UrlField{border-style:none;border-radius:6px;justify-content:center;width:100%;margin-top:20px;display:flex}.UrlField input{border:1px solid #ccc;border-radius:8px;width:50%;padding:10px}.SubmitButton{width:20%}.SignoutButton{position:absolute;top:5%;right:3%}.LinksContainer{border:2px groove #ccc;border-radius:50px;flex-direction:column;align-items:center;gap:1rem;width:80vw;height:60vh;display:flex;overflow:auto}li{flex-direction:column;gap:.5rem;padding-top:1.5%;display:flex}.LinkButton{background-color:#322d4b;border-radius:0;justify-content:center;width:100%}.linkDataContainer{border-style:solid;border-radius:15px;flex-direction:column;justify-content:center;gap:1rem;width:98%;margin-top:1%;display:flex}.linkDataButton{background-color:#322d4b;width:100%}.dataContainer{grid-template-columns:1fr 1fr;justify-items:center;gap:1rem;width:95%;display:grid}img:hover{cursor:pointer}.shortenLinkContainer{width:100%;display:flex}.Chart{width:100%;height:350px}.deletButton{background-color:red}