text: import * as React from "react";
  import * as Constants from "~/common/constants";
  
  import { css } from "@emotion/react";
  
  const STYLES_SCENE = css`
    flex-shrink: 0;
    width: 100%;
    padding: 104px 56px 104px 56px;
    display: block;
  
    @media (max-width: ${Constants.sizes.mobile}px) {
      padding: 36px 16px 128px 16px;
    }
  `;
  
  export const ScenePage = (props) => (
    <div css={STYLES_SCENE} {...props}>
      <div style={props.contentstyle}>{props.children}</div>
    </div>
  );
  
  export default ScenePage;
  