body {
    background-color: #f9f5ed !important;
}

@font-face {
    font-family: 'OrvillesScript';
    src: url('/Fonts/dancingscript-variablefont_wght-webfont.woff2') format('woff2'), url('/Fonts/dancingscript-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.header {
    top: 0;
    right: 0;
    left: 0;
    vertical-align: baseline;
}

.headerTitle {
    font-size: 55px;
    text-align: center;
    text-shadow: 1px 1px black;
    text-align: center;
    color: #6e0909;
    vertical-align: middle;
}


.HeaderScript {
    font-family: "OrvillesScript";
    text-shadow: 1px 1px black;
}

.headerSubTitle {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 26px;
    text-shadow: 1px 1px silver;
    text-align: center;
    vertical-align: bottom;
}



.navigation {
    background-color: rgb(103,16,16);
    /*background-image: linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.25) 25%, rgba(0,0,0,0) 70%);*/
    background-image: linear-gradient(rgb(148, 0, 0),rgb(78,9,9));
    padding-top: 3px;
    top: 25px;
    text-align: right;
    width: 100%;
    height: 69px;
}

.navigationSubHeader {
    background-color: silver;
    /*background-image: linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.25) 25%, rgba(0,0,0,0) 70%);*/
    width: 100%;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-color: #6e0909;
}