@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 .5px white, -1px 1px .5px white, -1px -1px .5px white, 1px -1px .5px white, 0px 1px .5px white, -1px 0px .5px white, 0px -1px .5px white, 1px 0px .5px white;

    background: url(images/chapterEight.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: -70px -65px;
    background-size: 110%;
}

main {
    /* background-color: aqua; */

}

#speak2me {
    /* background-color: blanchedalmond; */

    margin-top: 230px;
    margin-left: 460px;
    margin-right: 500px;
    height: 320px;
    overflow: scroll;
    overflow-x: hidden;
    /* the only reason ^^THIS^^ is here is because, for some fucking reason, theres a scroll bar on the bottom.  its not like that with the systemAware page so eye-dee-kay why its like that on this one.  anyways this line gets rid of that heartEmoji */
    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;
}

p {
    text-indent: 10px;
    margin-left: 0px;
}

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

#alte {
    color: #355070;
    background-color: transparent;
    text-decoration: none;
    text-shadow: 1px 1px 1px #ffffaf, -1px 1px 1px #ffffaf, -1px -1px 1px #ffffaf, 1px -1px 1px #ffffaf, 0px 1px 1px #ffffaf, -1px 0px 1px #ffffaf, 0px -1px 1px #ffffaf, 1px 0px 1px #ffffaf;
}

#rnate {
    color: #847f33;
    background-color: transparent;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000050, -1px 1px 1px #000050, -1px -1px 1px #000050, 1px -1px 1px #000050, 0px 1px 1px #000050, -1px 0px 1px #000050, 0px -1px 1px #000050, 1px 0px 1px #000050;
}

#bye {
    opacity: 0.0;
    font-size: 50%;
}