@import 'bourbon';

}

html, body {

@include display(flex);
@include flex(1 auto);
margin: 0;
padding: 0;
font-family: Baskerville;

}

html {

height: 100vh;

}

a {

color: rgb(114, 153, 204);

}

a.button, button {

@include transition(box-shadow 0.3s);
padding: 14px 18px;
background: #9DCC72;
border-radius: 2px;
font-size: 1.4em;
color: #FFF;
text-decoration: none;
font-family: courier;
box-shadow: 0 0 0 0 #436E1C;
border: none;
outline: none;
cursor: pointer;

&:hover {
  box-shadow: 0 0 2px 0 #436E1C;
}

&:active {
  box-shadow: inset 0 0 2px 0 #436E1C;
}

}

body {

font-size: 13px;
background: #F3F0EA;
color: #313126;

@include display(flex);
@include align-items(center);
@include justify-content(center);
@include flex-direction(column);

& > main {
  width: 100%;
}

section {
  margin: 0 auto;
  max-width: 900px;
  width: 80%;
}

}

h1 {

text-align: center;
font-size: 6em;
font-family: courier;
font-weight: normal;
margin: 0;

}

h2 {

text-align: center;
font-family: courier;

}