html {
  font-size: 16px;
  font-family: "Raleway", sans-serif; }

body {
  background-color: #000000;
  margin: 0px; }

body {
  color: lightgray; }
  body .title-container {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: -moz-linear-gradient(top, transparent 0%, transparent 57%, black 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, transparent 57%, black 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, transparent 57%, black 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
    body .title-container h1 {
      text-align: center;
      margin: 0;
      font-family: "Courier New", Courier, monospace;
      font-weight: 400;
      font-size: 4.0rem; }
      @media (max-width: 767px) {
        body .title-container h1 {
          font-size: 2.8rem; } }