*{padding:0;margin:0}.header-container{height:10vh;width:100%;display:flex;justify-content:space-between;align-items:center}.logo-style{height:10vh;width:8%}.icon-style{font-size:40px;margin-right:20px}.user-list-container{border:1px solid black;min-height:90vh;width:99.9%}.alignment-container{display:flex;justify-content:space-around;width:100%;margin-top:20px;margin-bottom:20px}.new-user-button-style{width:120px;background-color:purple;color:#fff;border-radius:10px;margin-right:10px;border:none;outline:none;cursor:pointer}@media screen and (max-width: 767px){.new-user-button-style{width:100px}}.add-new-user-container{height:40vh;width:300px;background-color:#fff;display:flex;flex-direction:column}.input-box{height:20px;width:250px;border-radius:20px;margin-bottom:20px}.user-card{display:flex;width:100%}.user-name-card-container{height:5vh;width:100%;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.id-styling{min-width:30px}.alignment-container{margin-top:10px}@media screen and (max-width: 575px){.id-styling,.user-name{font-size:12px}}.email-styling{min-width:300px;text-align:center}@media screen and (max-width: 575px){.email-styling{min-width:150px}}@media screen and (min-width: 576px) and (max-width: 767px){.id-styling,.user-name{font-size:18px}}.button-styling{height:25px;width:70px;cursor:pointer;background-color:purple;color:#fff;border:none;outline:none;border-radius:10px}*{margin:0;padding:0}.app-background{background-image:url(https://img.freepik.com/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-63489.jpg)}
