*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}#root{background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;min-height:100vh;padding:7rem;display:flex}.register-container{background-color:#f0f0f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:300px;padding:30px;display:flex}.register-content{flex-direction:column;gap:10px;width:300px;display:flex}.register-content input{border:none;border-radius:10px;padding:10px}.register-content button{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:10px;padding:10px}.register-content button:hover{background-color:#764ba2}.user-container{color:#667eea;background-color:#f0f0f0;border-radius:10px;flex-direction:column;align-items:center;gap:10px;width:300px;padding:30px;display:flex}.user-container h2{margin:0}.user-container ul{flex-direction:column;gap:10px;padding:0;list-style-type:none;display:flex}.user-container ul li{color:#fff;background-color:#667eea;border-radius:10px;flex-direction:row;gap:10px;padding:10px;display:flex}.user-container ul li button{color:#fff;cursor:pointer;background-color:#764ba2;border:none;border-radius:5px;margin-top:10px;padding:5px}h1{color:#fff}