@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Doppio+One");

/*
 * By Jarhmander.
 */

/*
 * Always use box-sizing, they say
 */
* {
  box-sizing: border-box;
  position:   relative;
}

/*
 * Column-based layout.
 */
/*
.row {
  display: -webkit-flex;
  display: flex;
}
.column {
  padding: 12px;
}

.column.left, .column.right {
  -webkit-flex: 1;
  -ms-flex:     1;
  flex:         1;
}

.column.middle {
  -webkit-flex: 1;
  -ms-flex:     1;
  flex:         3;
}

*/
/*
 * Basics
 */

header {
  padding: 20px;
}

body {
  font-family: 'Doppio One', Arial, Helvetica, sans-serif;
  background:   #ffffcc;
  margin-left:  10%;
}

.main {
    min-height: calc(100vh - 18em);
}