@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{font-family:Roboto,sans-serif;padding:0;margin:0}body{background-color:#f0f8ff}.userTable{width:60%;background-color:#fff;box-shadow:1px 1px 8px #0001;border-radius:5px;margin:50px auto;padding:50px}.addButton{text-decoration:none;background-color:purple;color:#fff;font-weight:500;box-shadow:1px 1px 8px #0001;border:5px;padding:10px;border-radius:5px}.userTable table{width:100%;margin-top:30px;border-collapse:collapse}.userTable table thead th{background-color:#00008b;color:#fff;padding:10px}.userTable table tbody td{padding:10px;text-align:center}.actionButton button{border:0;outline:none;background-color:red;padding:8px 10px;color:#fff;border-radius:5px;cursor:pointer}.actionButton a{background:green;padding:6px 10px;color:#fff;border-radius:5px;margin:0 10px;text-decoration:none}.addUser{width:25%;background-color:#fff;box-shadow:1px 1px 8px #0001;border-radius:5px;margin:50px auto;padding:50px}.addUserForm .inputGroup{width:100%;display:flex;flex-direction:column;justify-content:center}.addUserForm .inputGroup label{margin-bottom:5px}.addUserForm .inputGroup input{margin-bottom:10px;padding:10px;outline:none}.addUserForm{margin-top:20px}.addUserForm .inputGroup button{border:0;outline:none;background-color:purple;color:#fff;font-weight:600;padding:15px;cursor:pointer;border-radius:5px;box-shadow:1px 1px 8px #0001;margin-top:20px}.addUser h3{margin-top:10px}