text: const LetterBox = props => (
    <div id="letter-box">
      {props.children}
      <style global jsx>{`
        #letter-box {
          margin-top: 5%;
          margin-left: auto;
          margin-right: auto;
          marigin-bottom: auto;
          min-width: 300px;
          // margin: auto;
          width: 65%;
          max-width: 320px;
          border: 5px solid red !important;
          padding-top: 3%;
          padding-inline-end: 3%;
          padding-inline-start: 3%;
          padding-bottom: 3%;
        }
      `}</style>
    </div>
  );
  
  export default LetterBox;
  