import styled from "styled-components";
import { Box } from "@mui/material";

export const Users = styled(Box)`
  display: flex;
  flex-wrap: wrap;
  margin: 120px auto;
  width: 55%;
`;

export const StyledUser = styled(Box)`
  border-radius: 50%;
  width: 200px;
  height: 200px;
  margin: 20px;
  text-align: center;

  & .profile-pic img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
  }
`;

// .users .user .profile-pic img {
//   border-radius: 50%;
//   width: 100px;
//   height: 100px;
// }
// .users .user .username {
//   color: #262626;
//   font-weight: 600;
//   padding-top: 2px;
//   outline: none;
// }

// .users .user a {
//   text-decoration: none;
// }
