@font-face {
    font-family: "Silom";
    src: url("Silom.ttf");
}

.header {
    display: inline-block;
    text-align: center;
    padding-top: 30em;
    width: 100%;
    margin: auto;
}

.platinum-nav-item {
    background-color: #e5e4e2;
}

.nav-link.active.platinum-link {
    color: #312760;
    font-family: "roc-grotesk", sans-serif;
    font-size: 1.5em;
    padding: 10pt;
}

.content {
    font-family: "roc-grotesk", sans-serif;
    color: #312760;
}

body {
    background-color: #e5e4e2;
}

.separator-block {
    width: 95%;
    margin: auto;
    height: 25px;
    background-color: #312760;
    border-radius: 5pt;
    margin-bottom: 2em;
}

.separator {
    height: 50px;
    margin: auto;
}

.navbar-brand {
    padding: 20pt;
}

.platinum-nav-item:hover {
    opacity: 50%;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "roc-grotesk", sans-serif;
    color: #312760;
}

p {
    font-size: 1.5em;
    text-align: justify;
}

h2 {
    font-weight: 600;
}

h3 {
    font-weight: 600;
}

nav {
    background-color: #e5e4e2;
}

.bg-platinum,
.bg-platinum>a {
    background-color: #312760;
    color: #e5e4e2;
    padding-right: 1em;
}

html {
    position: relative;
    min-height: 100%;
    padding-bottom: 20px;
}

body {
    margin-bottom: 20px;
}

footer {
    position: absolute;
    font-family: "roc-grotesk", sans-serif;
    bottom: 0;
    width: 100%;
    height: 40px;

}

.platinum-logo {
    width: 10%;
}

.platinum-logo-lg {
    width: 20%;
}

.purple-block-lg {
    width: 100%;
    height: 300px;
    background-color: #312760;
    text-align: center;
}