html {
    margin: 0px;
    height: 100%;
    width: 100%;
}

body {
    background-image: url("webback4.png");
    background-repeat: no-repeat;
    background-color: #002133;
    background-size: cover;
    font-family: 'Marcellus', sans-serif;
    min-height: 100%;
    height: 100%;
}

.navbar {
    background-image: url("webback4.png");
    background-repeat: no-repeat;
    background-color: #002133;
    background-size: cover;
    border-color: #E700E7;
    color: #E70000;
    border-bottom: 15px solid #9d772b;
}
d
.navbar-dark .navbar-brand {
    color: #002133;
}

.navbar-dark .navbar-nav .nav-link {
    color: #cfcc9d;
}

.navbar-dark .navbar-brand {
    color: #cfcc9d;
}

.jumbotron {
    background-color: #00000000;
    color: #ffffff;
    font-family: 'Marcellus SC', sans-serif;
    border-bottom: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bg-dark {
    background-color: #FFF012;
    border-color: #E70044;
}

.btn-primary:hover {
    color: #fff;
    background-color: #345333;
    border-color: #5d8a3c;
}

.btn-primary {
    color: #fff;
    background-color: #6f9370;
    border-color: #528d53;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #b88b00;
    border-color: #b88b00;
}

.btn-secondary {
    color: #fff;
    background-color: #9d772b;
    border-color: #eab101;
}

.grn-writing {
    color: #007276;
}

.white-writing {
    color: #ffffff;
}

.yellow-writing {
    color: #cfcc9d;
}