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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(90deg,#480048,#c04848);margin:0;overflow-x:hidden;padding:0}.heading,h1{color:#f5f5f5;font-family:Stardos Stencil,system-ui;text-align:center}.main-container{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:20px;justify-content:space-between;padding:40px 60px}.createUser{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:16px;box-shadow:0 8px 16px #0003;max-height:600px;min-height:400px;overflow-y:auto;padding:10px;width:500px}.registerForm{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.createdUser{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:16px;box-shadow:0 8px 16px #0003;max-height:600px;min-height:400px;overflow:hidden;padding:10px;width:500px}.userList{max-height:500px;overflow-y:auto;padding:10px;position:relative}.userList h2{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;color:#f5f5f5;font-family:Stardos Stencil,system-ui;margin:0;padding:10px 0;position:sticky;text-align:center;top:0;z-index:1}.input-style{text-align:center}.input-style,button{border-radius:16px;font-family:Julius Sans One,sans-serif;font-size:14px;font-weight:700;height:50px;letter-spacing:2px;margin-left:45px;width:400px}button{cursor:pointer;transition:background .3s ease}button:hover{background-color:#fff3}.user-card{background:#ffffff1a;box-shadow:0 4px 12px #0003;color:#fff;font-family:Julius Sans One,sans-serif;height:180px;letter-spacing:1px;margin:10px 0 10px 10px;padding:15px 20px;width:400px}.listBtn,.user-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px}.listBtn{height:25px;margin-top:40px;position:relative;right:20px;width:120px}@media screen and (max-width:1024px){.main-container{flex-wrap:wrap;justify-content:center;padding:20px}.createUser,.createdUser{margin-bottom:30px;width:90%}.input-style,.user-card,button{margin:0 auto;width:90%}.listBtn{margin:10px 5px 0;width:45%}}@media screen and (max-width:600px){.heading,h1{font-size:22px}.input-style,.user-card,button{font-size:13px;width:95%}.user-card{height:auto;padding:12px}.listBtn{font-size:12px;width:100px}}
/*# sourceMappingURL=main.ab88fe7d.css.map*/