@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;800;900&display=swap";*,*:after,*:before{box-sizing:border-box}html{height:100%;font-size:62.5%}body{font-family:Inter,sans-serif;margin:0;font-size:1.6rem;height:100%}ul,ol{list-style:none;margin:0;padding:0}a{text-decoration:none}.container{width:100%;max-width:1300px;margin-left:auto;margin-right:auto;padding-left:5rem;padding-right:5rem}#root{height:100%}@media(max-width:375px){.container{padding-left:1rem;padding-right:1rem}}.App{height:100%;display:flex;flex-direction:column}main{flex-grow:1;margin-bottom:5rem;margin-top:10rem}.create-user{position:fixed;transform:rotate(-90deg);top:50%;border:0;background-color:#f45050;color:#fff;padding:.5rem 1rem;font-size:1.8rem;cursor:pointer;left:-43px}.no-users{font-size:10rem;font-weight:700;opacity:40%;color:#ccc;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}@media(max-width:500px){.no-users{font-size:2.8rem}}.navbar{padding-top:2rem;padding-bottom:2rem;border-bottom:1px dashed #B0DAFF;margin-bottom:5rem;position:fixed;width:100%;top:0;left:0;background:#ffffffe6;z-index:10000}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-logo{margin:0;color:#19376d;cursor:pointer;-webkit-user-select:none;user-select:none}.navbar-counter{margin:0}@media(max-width:375px){.navbar-logo{font-size:2.5rem}}.footer{text-align:center;background-color:#9999991a}.footer-container{display:flex;justify-content:center;align-items:center;gap:1rem}.userList-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:5rem 1rem}.card-inner{width:250px;text-align:center;padding:.8rem .5rem;-webkit-box-shadow:4px 4px 8px 0px rgba(34,60,80,.2);-moz-box-shadow:4px 4px 8px 0px rgba(34,60,80,.2);box-shadow:4px 4px 8px #223c5033;transition:transform .2s}.card-inner:hover{transform:scale(1.05) rotate(-5deg);-webkit-box-shadow:4px 4px 12px 0px rgba(34,60,80,.2);-moz-box-shadow:4px 4px 12px 0px rgba(34,60,80,.2);box-shadow:4px 4px 12px #223c5033}.card-inner img{width:150px;height:150px;border-radius:50%;object-fit:cover}.card-inner button{border:0;font-family:inherit;background-color:#333;color:#fff;padding:.5rem 1rem;border-radius:.2rem;cursor:pointer}@media(max-width:907px){.card-inner{width:100%}}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:flex;background-color:#33333380;position:fixed;width:100%;top:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100}.modal{background-color:#fff;padding:1rem 2rem;border-radius:.5rem;text-align:center}.modal form{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.modal input{font-size:2rem;font-family:inherit;padding:.5rem}.modal label span{display:block;text-align:left;margin-bottom:.5rem}.gender{display:flex;gap:1rem}.gender label{display:flex;align-items:center}.modal-btn{background:#f45050;color:#fff;border:0;font-family:inherit;padding:.5rem 1.5rem;cursor:pointer;font-weight:500;align-self:center;margin-top:2rem;border-radius:.2rem}