@import 'normalize', 'typescale', 'fonts', 'menu', 'tables';

/*css taken from jgthms.com/web-design-in-4-minutes/*/

}

body {

font-family: serif;

}

main {

/* top | right | bottom | left */
padding: 0em 0em 4em 0em;
// padding: 4em 1em;
margin: 0 auto;
max-width: 50em;
padding: 4em 1em;

}

h2 {

margin-top: 1em;
padding-top: 1em;

}

body {

color: #555;

}

h1, h2, strong {

color: #333;

}

code, pre {

background: #eee;

}

code {

padding: 2px 4px;
vertical-align: text-bottom;

}

pre {

padding: 1em;
white-space: pre-wrap;
/* css-3 */
white-space: -moz-pre-wrap;
/* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
word-wrap: break-word;
/* Internet Explorer 5.5+ */

}

a {

color: #e81c4f;

}

body {

color: #566b78;

}

code, pre {

background: #f5f7f9;
/*border-bottom: 1px solid #d8dee9;*/
color: #a7adba;

}

pre {

border-left: 2px solid #69c;

}

img {

max-width: 100%;

}

ul {

// margin: 0;
padding: 0;

}

logo{

text-align: center;
font-size: 5em;
color: #e81c4f;
text-transform: uppercase;

}

footer{

display: flex; /* or inline-flex */
justify-content:  center;
height: 5em;

}