text: export const styles = {
    discussionsContainer: {
      // border: '2px solid black',
      width: '60%',
      margin: '200px auto',
      display: 'flex',
      borderRadius: '3px',
      flexWrap: 'wrap',
      backgroundColor: '#eaeaea'
    },
    topDiscussions: {
      // border: '2px solid green',
      display: 'flex',
      margin: '20px auto',
      flexWrap: 'wrap',
      width: '100%',
      // border: '1px solid black',
    },
    topDiscussionsHead: {
      display: 'flex',
      justifyContent: 'space-between',
      // border: '1px solid pink',
      width: '90%',
      padding: '10px 0%',
      borderBottom: '1px solid black',
      margin: '0px auto'
    },
    sortBy: {
      marginTop: '5px'
    },
    topDiscussionsTitle: {
      fontSize: '40px'
    },
    discussion: {
      // border: '1px solid blue',
      display: 'flex',
      flexWrap: 'wrap',
      justifyContent: 'space-between',
      margin: '10px 5%',
      width: '100%',
      lineHeight: '1.2',
      // border: '1px solid navy',
      borderRadius: '4px'
    }, 
    discussionTitle: {
    },
    subForum: {
      color: 'black'
    },
    comment: {
      textAlign: 'center'
    },
    commentsNumber: {
      margin: '10px auto',
      fontWeight: 'bold',
      fontSize: '20px'
    },
    topDiscussionContainer: {
      // width: '75%',
      // border: '1px solid blue',
      margin: '0px',
      flexDirection: 'column',
      lineHeight: '30px'
    },
    votes: {
      // display: 'flex',
      // border: '1px solid black',
      // alignSelf: 'baseline',
      // width: '100%',
      // justifyContent: 'space-between'
    },
    loading:{
      height: '300px',
      alignSelf: 'center',
      // border: '1px solid black'
    },
    netUpvote:{
      color: 'green'
    },
    netDownvote: {
      color: 'red'
    },
    rightContainer:{
      // border: '1px solid red',
      width: '20%'
    },
    postLoading:{
      backgroundColor: 'red'
    },
    discussionImg:{
      borderRadius: '4px',
      height: '120px',
      width: '40%',
      margin: '0px',
    },
    upvoteBtn:{
      color: 'green'
    },
    downvoteBtn:{
      color: 'red'
    },
    createDiscussion:{
      // border: '1px solid black',
    },
    clickableCard:{
      textDecoration: 'none',
      // border: '1px solid black',
      width: '80%',
      display: 'flex',
      color: 'black'
    }
  };