* { margin: 0; padding: 0; border: 0; box-sizing: border-box; }

@font-face {
    font-family: "URWBookman";
    src: url("urwbookman-light.otf") format("opentype");
}

@font-face {
    font-family: "untaza";
    src: url("UnTaza.ttf") format("truetype");
}
h1,h2,h3,h4,h5,h6 { font-family: 'Exo 2', sans-serif; }

code, pre {
    font-size: 14.4px;
}
pre {
    line-height: 130%;
    background-color: rgb(240,255,220);
    font-family: "untaza", "courier new", courier, monospace;
    overflow: auto;
}


h2, h3, h4 > code {
/*     background-color: #fff; */
    font-weight: 700;
}
li > code {
    background-color: #fff;
    font-weight: 700;
}

p > code {
    background-color: #fff;
    font-weight: 700;
}

body {
    font-family: URWBookman;
    width: 90vw;
    margin: auto;
/*     background-color: #fff; */
    background-color: #ffd;
    
}

header { min-height: 10vh; padding: 1em; }
header > h1 { font-size: 4em; }
header > * > a { color: #000; text-decoration: None;}
header > h2 { font-size: 2em; }
footer {
    padding-top: 1em;
    background-color: #654;
    min-height: 10vh;
    font-size: 0.9em;

    border-top-style: solid;
    border-top-width: 2px;
    border-color: rgb(200,200,255);
    background-color: rgb(240,240,240);
    color: rgb(50,50,50);
    text-align: center;
}
 
footer > p {
    padding: 0.5em;
}

a { text-decoration: None;}

ul { margin-left:1em; }
ol { margin-left:1em; }
li { margin-left:1.5em; margin-top: 0.5em;}

#logo {
/*     height: 10em; */
    margin-left: -3em;
    margin-bottom: 1em;
/*     display: inline; */
/*     float: left; */
}

header > p, header > h2 { 
    text-align: center;
    line-height: 2em;
}

header > p > a { text-decoration: None; color: blue; }
.signup {
    margin-top: 1em;    
}