*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block; }

body {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex='-1']:focus {
  outline: 0 !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("/fonts/Open_Sans.woff2") format("woff2"), url("/fonts/Open_Sans.woff") format("woff"), url("/fonts/Open_Sans.eot?#iefix") format("embedded-opentype"), url("/fonts/Open_Sans.svg#OpenSans") format("svg"), url("/fonts/Open_Sans.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url("/fonts/Lato_400.woff2") format("woff2"), url("/fonts/Lato_400.woff") format("woff"), url("/fonts/Lato_400.eot?#iefix") format("embedded-opentype"), url("/fonts/Lato_400.svg#Lato") format("svg"), url("/fonts/Lato_400.ttf") format("truetype"); }

html {
  height: 100%;
  font-family: 'Lato', sans-serif; }

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  background-color: #f7e6e6;
  color: #94767b; }

@media only screen and (min-width: 768px) {
  body {
    width: 768px;
    margin: 0 auto; } }

h6.time {
  padding-top: 1rem; }

#container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* establish flex container */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* make main axis vertical */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* center items vertically, in this case */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* center items horizontally, in this case */ }

.box {
  width: 300px;
  margin: 5px;
  text-align: center;
  /* will center text in <p>, which is not a flex item */ }

.d-none {
  display: none; }

.poem-item h6 {
  display: none; }

p {
  line-height: 1.5rem;
  letter-spacing: 0.1rem;
  font-size: 20px; }