body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #596e79;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #000000;
}
body.intro-background {
    background-attachment: fixed;
    background-image: url(/static/images/mainpage.jpg);
    background-size: cover;
    background-color: #000000;
}

@font-face {
    font-family: "High Summit";
    src: url(/static/font/High\ Summit.otf);
  }

#bg-img {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    background-position: center center;
    background-size: cover;
    filter: blur(50px)
}

.navbar { background-color: #596e79; }
.navbar-nav .nav-item { margin: 0px 20px; text-transform: uppercase; }

.logo { max-width: 80%; max-height: 13rem; margin: 1rem auto; }
.logo-intro { max-width: 90%; margin-top: 4em; position: relative; }

.gold { color: #c7b198; }
.dark { border-color: #343a40; }

.bodytext { color: #f0ece2; }
.form-control { background-color: #c7b198; color: white; }
.form-control.is-invalid { background-color: white; color: black; }

.card-body .card-photo {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.card-photo img { position: relative; }

.card { background-color: #c7b198; color: #596e79; }
.card a { color: #596e79; }
.card.hover a { color:#000000; text-decoration: none; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.btn-primary,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    background-color: #343a40;
    border-color: #343a40;
    box-shadow: none;
}
.btn-primary:hover {
    background-color: #4c555e;
    border-color: #4c555e;
}
.btn-intro { background-color: #c7b198; color: #4c555e; text-decoration: underline; }