@import 'bourbon';
-
{ box-sizing: border-box; -moz-box-sizing: border-box;
}
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;
}