@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ebebeb;background:var(--bg-body);background-color:#654f65;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--card-color:#8384b2;--bg-body:#ebebeb;--ff-poppins:"Poppins",sans-serif}#root{font-family:Poppins,sans-serif;font-family:var(--ff-poppins);max-width:1440px}#root,.navigation{margin-inline:auto}.navigation{align-items:center;display:flex;justify-content:space-between;padding:20px 40px;width:70%}.navigation h2{color:rgba(11,159,159,.987);font-size:26px}.navigation-links{align-items:center;display:flex;font-size:30px;justify-content:space-between;width:900%}.navigation-links>*{text-decoration:none}.user-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.user{background:#fff;border-radius:5px;color:rgba(0,0,0,.353);cursor:pointer;display:flex;flex-direction:column;height:200px;padding:10px;position:relative}.user:hover{box-shadow:0 0 2px 1px gray}.user img{border-radius:50%;height:70px;left:50%;object-fit:contain;position:absolute;top:0x;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70px}.user .user-name{color:#000;font-size:12px;font-weight:500;margin-top:50px;text-transform:uppercase}.user .email{font-size:13px;font-style:italic}.pagination{display:flex;flex-direction:column;gap:20px;margin-top:20px}.pagination .buttons button{background:#fff;border:none;border-radius:4px;box-shadow:0 2px 2px gray;margin-right:10px;padding:16px 32px}button{cursor:pointer}button:hover{opacity:.5}.pages{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));padding:2px}.pages button{background:#fff;border:none;border-radius:4px;box-shadow:0 2px 2px gray;padding:14px}.app{margin-inline:auto;text-align:center;width:80%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.60d910cf.css.map*/