block18.css

/* Components */

/* Component: .top (top navigation) */
header.top {
    padding: 15px 20%;
}

header.top .headerContainer {
    max-width: 1000px;
    content: "";
    clear: both;
}

header.top h1 {
    margin: 0;
    display: inline;
    border: 2px solid #b13737;
    text-decoration: none;
    background: transparent;
    color: #b13737;
    text-transform: lowercase;
    padding: 5px 10px;
    transition: background 0.5s, color 0.5s;
}

header.top h1:hover {
    border: 2px solid #b13737;
    background: #b13737;
    color: #fff;
    transition: background 0.5s, color 0.5s;
}

header.top ul {
    margin: 10px;
    padding: 0;
    float: right;
}

header.top li {
    display: inline;
    padding: 0 5px;
    font-size: 1.3rem;
}


/* Component: humongous */

.humongous {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background-color: #f6f6f6;
    text-align: center;
    padding: 125px 10px 100px;
}

.humongous .hello {
    margin-top: 20px;
    margin-bottom: 3px;
    font-size: 3rem;
}

.humongous h1 {
  text-transform: uppercase;
}

/* End components */



/* Custom: blog-index */
.blog-index .content {
      padding: 0.25em 0;
      margin-top: 2em;
}

.blog-index .content p, .content h1 {
      max-width: 800px;
      margin: 0 auto;
}

.blog-index .humongous:not(:nth-of-type(2n)) {
  background-color: #fff;
}

.blog-index .grayscale {
  max-width: 200px;
  margin: 0 auto;
  padding: 0;
  display: block;
}

.blog-index .humongous h1.hello {
  font-size: 2.25em;
  margin: 0 auto;
  padding: 0.25em;
  max-width: 800px;
}

.blog-index ul {
  margin: 0;
  padding: 0;
}

.blog-index .datetime {
  padding: 0 0 1em 0;
  display: block;
}

/* End components */



/* Custom: blog-index */
.blog-index .content {
      padding: 0.25em 0;
      margin-top: 2em;
}

.blog-index .content p, .content h1 {
      max-width: 800px;
      margin: 0 auto;
}

.blog-index .humongous:not(:nth-of-type(2n)) {
  background-color: #fff;
}

.blog-index .grayscale {
  max-width: 200px;
  margin: 0 auto;
  padding: 0;
  display: block;
}

.blog-index .humongous h1.hello {
  font-size: 2.25em;
  margin: 0 auto;
  padding: 0.25em;
  max-width: 800px;
}

.blog-index ul {
  margin: 0;
  padding: 0;
}

.blog-index .datetime {
  padding: 0 0 1em 0;
  display: block;
}