@font-face {
    font-family: "GandhiSans";
    src: url("/fonts/GandhiSans-Regular.otf")
}
@font-face {
    font-family: "GandhiSans";
    font-weight: bold;
    src: url("/fonts/GandhiSans-Bold.otf");
}
@font-face {
    font-family: "GandhiSans";
    font-style: italic;
    src: url("/fonts/GandhiSans-Italic.otf");
}
@font-face {
    font-family: "GandhiSans";
    font-weight: bold;
    font-style: italic;
    src: url("/fonts/GandhiSans-BoldItalic.otf");
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
    font-family: "Fontin";
    src: url("/fonts/Fontin-Regular.ttf");
}
@font-face {
    font-family: "Fontin";
    font-weight: bold;
    src: url("/fonts/Fontin-Bold.ttf");
}
@font-face{
    font-family: "Fontin";
    font-style: italic;
    src: url("/fonts/Fontin-Italic.ttf");
}

html {
    /* background-color: #333333; */
    background-image: url("/images/tartan1.png");
    background-repeat: repeat;
}

h1, h2, h3, h4, h5, h6 {
    color: #997777;
}

body {
    width: 800px;
    margin: 20px auto;
    border-radius: 4px;
    font-family: "GandhiSans", sans-serif;
    padding: 20px;
    box-sizing: border-box;
    color: #999999;
    background-color: #444444;
}

header {
    display: flex;
    height: 80px;
    text-transform: lowercase;
}

header p {
    float: inline-end;
    margin: 0 auto;
    margin-right: 0;
    margin-top: 28px;
}

header a{
    color: #998888;
}

header img {
    border-radius: 4px;
    height: 80px;
    margin-right: 20px;
}

header button {
    margin: 20px auto;
    margin-right: 0px;
    border: 0px;
    border-radius: 4px;
    float: inline-end;
    color: #AAAAAA;
    background-color: inherit;
}

header button:hover {
    background-color: #333333;
}

nav {
    flex: auto;
    display: flex;
}

nav ul {
    padding: 0;
    list-style-type: none;
    flex: 2;
    display: flex;
}

nav li {
    display: inline;
    text-align: center;
    flex: initial;
    text-transform: lowercase;
    font-weight: bold;
}

nav a {
    color: #997777;
    text-decoration: none;
}

nav span {
    color: #AAAAAA;
}

nav a:hover {
    color: #996666;
}

main {
    margin: 0 auto;
    max-width: 800px;
}

main a {
    color: #996666;
    text-decoration: none;
}

main a:hover {
    color: #995555;
}

main blockquote {
    font-family: "Fontin", serif;
    font-size: 15;
    width: 650px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 4px;
    color: #AAAAAA;
    background-color: #333333;
}

main blockquote b {
    color: #AA8888;
}