import styled from 'styled-components';

export const Header = styled.header`
  height: 150px;
  background: ${props => props.color};
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  h1 {
    font-size: 38px;
    color: #eee;
  }

  p {
    font-size: 28px;
    color: #ddd;
    margin-top: 10px;
  }

  button {
    display: flex;
  }
`;