@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{-webkit-font-smoothing:antialiased;font-family:Poppins,sans-serif;margin:0}.app{display:grid;height:100vh;place-items:center}.users-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);height:14rem}.button-container{align-items:center;display:flex;gap:10rem;justify-content:space-between}.button{background-color:#fff;border:1px solid gray;border-radius:1rem;font-size:1rem;min-height:4rem;padding:.5rem;text-align:center;width:9rem}.button:disabled{border:none;box-shadow:none}.list-container{display:flex;position:relative}.details{padding:.5rem}.name{font-size:1.5rem}.job-title{color:dimgray}.beside{display:flex;gap:.5rem}.company{color:#7b68ee}.circle{align-items:center;background-color:#6495ed;border-radius:100%;display:flex;height:60px;justify-content:center;width:60px}.letter{color:#fff;font-size:2rem}.loader-container{place-self:center;position:absolute}.loader{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:#000;border-radius:50%;box-shadow:0 0 0 0 #000;height:2rem;-webkit-transform:scale(1);transform:scale(1);width:2rem}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,0,0,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 10px transparent;-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 transparent;-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,0,0,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 10px transparent;-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 transparent;-webkit-transform:scale(.95);transform:scale(.95)}}
/*# sourceMappingURL=main.b623ca90.css.map*/