@import url(https://fonts.googleapis.com/css?family=Cantarell|Open+Sans:300);

html {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Open Sans', sans-serif;
  background-color: rgb(39, 41, 47);
  background-image:linear-gradient(rgb(39, 41, 47), rgb(8, 9, 10));
  color: rgb(158, 163, 179);
}

h1 { font-weight: 400; font-size: 5em; color: rgb(191, 197, 217); }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }

h1.splash {
  font-family: 'Cantarell', sans-serif;
}

h2.splash {
  margin-top: 0.5em;
}

button.splash  {
  margin-top: 3em;
}

hr.faded {
  border: 0;
  height: 1px;
  width: 30em;
  margin: 3em 0em 4em 0em;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(158, 163, 179, 0.75), rgba(0, 0, 0, 0));
}

#content{
  background-color: transparent;
  background-image:       linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent);
  height:100%;
  background-size:50px 50px;
}

.column-container {
  background-color: transparent;
  background-image:       linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent);
  height:100%;
  background-size:50px 50px;

  display: flex;
  flex-flow: column wrap;
  justify-content: center; /* default */
  align-items: stretch; /* default */
  align-content: stretch; /* default */
  border-width: thick;
  border-color: red;
  align-items: center;
  height: 100%;
}