import styled from "styled-components";
import React from 'react';

const GlobalGrid = styled.div`
  display: grid;
  grid-template-colums:auto;
  grid-gap:5px;
  border-radius: 40px;
  border: none;
  outline: 5px;
  text-align: left;
  background-color: #ebebeb;
  opacity: 0.5;
  font-size: 20px;
`;
const Profile_Grid = styled.div`
    display: flex;
    grid-gap:5px;
    grid-row-gap: 50px;
`;

// this information get from database

export default () => {
  return (
   <GlobalGrid>
   <Profile_Grid>

   </Profile_Grid>
   </GlobalGrid>
  );
};