@font-face {
    src: url(fonts/RenogareSoft-Regular.ttf);
    font-family: renogareSoft;
}

@font-face {
    src: url(fonts/Renogare-Regular.otf);
    font-family: renogare;
}

body {
    font-family: renogare;
    text-shadow: 1px 1px 1px white, -1px 1px 1px white, -1px -1px 1px white, 1px -1px 1px white, 0px 1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 1px 0px 1px white;
    font-size: 120%;


    background: url(images/chapterOne.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 130%;
}



main {
    /*background-color: aquamarine;*/
    width: 367px;
    max-height: 317px;

    margin: auto;
    margin-bottom: auto;
    margin-top: 165px;
    overflow: scroll;
    overflow: auto;
    word-wrap: break-word;
}

h3 {
    margin-top: 0px;
    text-align: center;
    color: #355070;
    
    text-shadow: 1px 1px 1px #eae2b7, -1px 1px 1px #eae2b7, -1px -1px 1px #eae2b7, 1px -1px 1px #eae2b7, 0px 1px 1px #eae2b7, -1px 0px 1px #eae2b7, 0px -1px 1px #eae2b7, 1px 0px 1px #eae2b7; /* scrapped an idea to make the headers a diff colour for distinction, WILL pick up later*/
    /* update yah i did that it works and i think it looks nice */
}

p {
    font-size: 80%;
    text-indent: 33px;
    margin-left: 10px;
    margin-right: 5px;
}

#krog {
    text-decoration: overline underline;
    margin-bottom: 20px;
}

h1 {
    margin-top: -25px;
    margin-bottom: 0px;
    margin-right: 370px;
    text-align: center;
}