import styled from 'styled-components'

export const EconomyView = styled.main`
  width: 100%;

  background: #F8F8F8;
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.2)  ;
  -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.2)  ;
  -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.2)  ;
  border-radius: 20px;

  background-color: #FFFFFF;

  margin-top: 10px;

  section {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .MuiInputLabel-outlined {
    margin-top: 11px;
  }
  .Mui-focused {
    margin-top: 0!important;
  }

  .chartBox {
  }

  /* input {
    width: 16.6rem;
    height: 63px!important;

    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;

    border-radius: 6px;
    border: solid gray 1px;

    background-color: #F9F9F9;
  } */
`