text: export const h1 = {
    width: '96%',
    margin: '0',
    padding: '0',
    textAlign: 'center',
    color: 'white',
  };
  
  export const h2 = {
    paddingTop: '10px',
    paddingLeft: '10px',
    paddingBottom: '10px',
    fontWeight: 'bold',
  };
  
  export const h3 = {
    textAlign: 'center',
    color: '#fff',
    margin: '0',
    paddingTop: '15px',
    paddingBottom: '15px',
    
  };
  
  export const list = {
    marginLeft: '0',
    paddingLeft: '0',
    display: 'flex',
    flexDirection: 'column',
    alignItems: 'center',
  };
  
  export const li = {
    listStyleType: 'none',
    textAlign: 'center',
  };
  
  export const header = {
    width: '100%',
    display: 'flex',
    backgroundColor: 'rgba(0,0,0,.15)',
    justifyContent: 'space-between',
  };
  
  export const btnLogOut = {
    border: '0px',
    borderRadius: '5px',
    backgroundColor: 'hsla(0,0%,100%,.3)',
    color: 'white',
    marginTop: '5px',
    marginRight: '5px',
    marginBottom: '5px',
    cursor: 'pointer',
    whiteSpace: 'nowrap'
  };
  
  export const sharing = {
    width: '100%',
    textAlign: 'center',
    paddingTop: '5px',
    paddingBottom: '5px',
  };
  
  export const inputSharing = {
    border: '0px',
    borderRadius: '5px',
    backgroundColor: 'hsla(0,0%,100%,.3)',
    height: '24px',
    marginBottom: '5px',
    width: '25%',
    minWidth: '410px',
    paddingLeft: '5px',
    outline: 'none',
  };
  
  export const inputForm = {
    border: '0px',
    borderRadius: '5px',
    backgroundColor: '#fff',
    height: '24px',
    marginBottom: '5px',
    width: '98%',
    paddingLeft: '5px',
    outline: 'none',
  };
  
  export const btnGenLink = {
    borderRadius: '5px',
    border: '0px',
    cursor: 'pointer',
    backgroundColor: 'rgba(255, 255, 255, 0.3)',
    color: 'white',
    height: '26px',
    marginLeft: '5px',
    outline: 'none',
  };
  
  export const btnCancel = {
    borderRadius: '5px',
    border: '0px',
    cursor: 'pointer',
    backgroundColor: 'rgb(226, 228, 230)',
    color: 'black',
    height: '21px',
    outline: 'none',
  };
  
  export const btnCancelErr = {
    borderRadius: '5px',
    border: '0px',
    cursor: 'pointer',
    backgroundColor: 'rgb(255, 255, 255)',
    color: 'black',
    height: '21px',
    outline: 'none',
  };
  
  export const btnDelTask = {
    borderRadius: '5px',
    border: '0px',
    cursor: 'pointer',
    backgroundColor: 'rgba(255, 255, 255, 0.3)',
    marginLeft: '88%',
    
  };
  
  export const scrollDiv = {
    overflowY: 'auto',
    maxHeight: '88%'
  };
  
  export const btnCont = {
    display: 'flex',
    justifyContent: 'flex-start'
  };
  
  export const btnDelBoard = {
    borderRadius: '5px',
    border: '0px',
    cursor: 'pointer',
    backgroundColor: 'rgb(226, 228, 230)',
    color: 'black',
    height: '21px',
    outline: 'none',
  };
  
  export const btnAdd = {
    border: '0px',
    cursor: 'pointer',
    backgroundColor: 'rgb(226, 228, 230)',
    width: '95%',
    fontSize: '16px',
    textAlign: 'start',
    marginBottom: '5px',
  };
  
  export const btnAddBoard = {
    border: '0px',
    borderRadius: '5px',
    color: '#fff',
    cursor: 'pointer',
    backgroundColor: 'rgb(90, 172, 68)',
    width: '76%',
    fontSize: '16px',
    textAlign: 'start',
    marginBottom: '5px',
  };
  
  export const btnAddTask = {
    border: '0px',
    borderRadius: '5px',
    color: '#fff',
    cursor: 'pointer',
    backgroundColor: 'rgb(90, 172, 68)',
    width: '82%',
    fontSize: '16px',
    textAlign: 'start',
    marginBottom: '5px',
  };
  
  export const boardsCont = {
    height: '86%',
    width: '100%',
    display: 'flex',
    alignItems: 'flex-start'
  };
  
  export const boardsList = {
    width: '19%',
    minWidth: '130px',
    marginLeft: '1%',
    marginRight: '5%',
    marginBottom: '5px',
    marginTop: '5px',
    backgroundColor: '#e2e4e6',
    border: '0px',
    borderRadius: '3px',
    display: 'flex',
    flexDirection: 'column'
  };
  
  export const linkBoard = {
    width: '92%',
    backgroundColor: '#fff',
    fontSize: '20px',
    borderRadius: '3px',
    boxShadow: '0 1px 0 #ccc',
    color: '#444',
    cursor: 'pointer',
    display: 'flex',
    justifyContent: 'space-between',
    marginBottom: '8px',
    paddingLeft: '5px',
    position: 'relative',
    textDecoration: 'none',
    zIndex: '0',
  };
  
  
  
  export const board = {
    width: '99%',
    height: '99%',
    marginLeft: '1%',
    marginRight: '5%',
    border: '0px',
    borderRadius: '10px'
  };
  
  export const boardTitle = {
    textAlign: 'center',
    color: '#fff'
  };
  
  export const boardTasksLists = {
    width: '100%',
    height: '88%',
    display: 'flex',
    justifyContent: 'space-between',
    alignItems: 'start'
  };
  
  export const tasksList = {
    width: '30%',
    maxHeight: '96%',
    textAlign: 'center',
    marginLeft: '1%',
    marginRight: '1%',
    marginBottom: '5px',
    backgroundColor: 'rgb(226, 228, 230)',
    border: '0px',
    borderRadius: '3px',
    overflow: 'auto',
  };
  
  export const task = {
    width: '97%',
    marginLeft: '1.5%',
    marginRight: '1.5%',
    marginBottom: '5px',
    paddingTop: '1px',
    paddingBottom: '1px',
    backgroundColor: 'rgb(255, 255, 255)',
    border: '0px',
    borderRadius: '3px',
    display: 'flex',
    flexDirection: 'column',
    alignItems: 'flex-end'
  };
  
  export const errWindow = {
    backgroundColor: 'rgb(255, 255, 255)',
    border: '0px',
    borderRadius: '3px',
    position: 'absolute',
    bottom: '50px',
    padding: '5px'
  };
  
  export const form = {
    width: '94%',
    margin: '0 auto',
  };
  
  export const close = {
    cursor: 'pointer',
    position: 'absolute',
    top: '7px',
    right: '7px', 
  };
  
  export const taskText = {
    textAlign: 'left',
    paddingLeft: '10px',
    width: '97%',
    marginBottom: '5px',
    marginTop: '5px',
  };
  
  
  export const linkCont = {
    width: '93%',
    display: 'inline-flex'
  };