body {
    color: #f7efff; background-color: #003068; /* #25367f; */
}

a {
    color: #cfbfaf; /* #bfaf9f; */
}

@media screen {
    #decorationBox1 {
        background-color: #00468c; /* #2a3c78; */ top: 15px; left: 330px; width: 470px; height: 90%;
    }

    #decorationBox2 {
        background-color: #003d7b; /* #223666; */ top: 10px; left: 500px; width: 200px; height: 75%;
    }

    #decorationBox3 {
        background-color: #003f84; /* #243472; */ top: 60px; left: 200px; width: 400px; height: 80%;
    }

    #decorationImage {
        background-image: url('../img/7st-t');
    }

    #navigationBackground {
        background: #013470; /* #33448d; */
    }

    #navigation .active2 {
        color: #f2e5a2; /* #eab48a; */
    }

    #navigation .active3 {
        color: #ffe356; /* #ff9f60; */
    }

    #navigation a:hover {
        border-bottom-color: #003068;
    }

    #navigation a:active {
        color: #ffc056; /* #ff9f60; */
    }

    .searchWord {
        background-color: #60709f;
    }
}