body{background-color:#0a192f;color:#64ffda;font-family:Kode Mono,serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:98vh;gap:3vh}h1{font-size:xxx-large}.user-list-container{box-shadow:0 0 10px #64ffda;padding-top:15px;border-radius:25px 25px 0 0;width:80vw}.login-container,.edit-form-container{box-shadow:0 0 10px #64ffda;width:25vw;border-radius:25px;padding:20px}.login-container button,.edit-form-container button{width:fit-content;margin:auto;color:#fff}form{display:flex;flex-direction:column;gap:1em}h2{font-size:xx-large;margin:0 0 15px;text-align:center}input{background:transparent;width:100%;color:#fff;font-size:1rem;padding:10px;border-radius:8px;border:1px solid white;box-sizing:border-box}.user-table{color:#fff;width:100%;border-collapse:collapse;text-align:center;margin-top:1em}.user-table th,.user-table td{padding:.5em;border:1px solid #ccc}.user-table th{font-size:large;text-decoration:underline;color:#64ffda}.user-avatar{width:50px;height:50px;border-radius:50%}.editDeleteContainer{display:flex;flex-direction:column;padding:10px;gap:10px;align-items:center}.pagination{margin-top:1.5em;display:flex;justify-content:center;gap:10px}button{width:100%;height:35px;border-radius:8px;font-size:18px;font-family:Kode Mono,sans-serif;border:1px solid transparent;background-color:transparent;color:#64ffda;cursor:pointer}button:hover{box-shadow:0 0 20px #64ffda}.pagination button{width:auto;padding:5px 10px;border:1px solid #64ffda;border-radius:25px}.logout-button{position:absolute;width:auto;top:2vh;right:4vw;border:1px solid #64ffda;padding:5px 10px;border-radius:25px}.editDeleteContainer button{width:fit-content}span{display:flex;align-items:center}.error{color:red;text-align:center}