@charset "utf-8";
body {
    /* [disabled]width: 700px; */
    margin-left: auto;
    margin-right: auto;
    padding-left: 10%;
    padding-right: 10%;
    background-color: #1A1818;
}
main {
    padding-top: 5px;
    padding-bottom: 0px;
}

header {
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    text-align: left;
}
div {
    margin-left: 60px;
    margin-right: 60px;

}


img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 35px;
    margin-bottom: 30px;
}


h1 {
    font-size: 2.5em;
    font-family: 'Cormorant Garamond', serif;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #2C7862;
}
h2 {
    font-size: 1.5em;
    font-family: 'Fira Sans', sans-serif;
    color: #FFFFFF;
}
main h2 {
    font-size: 3em;
    text-align: center;
    margin-top: 50px;
}

h3 {
    margin-bottom: 10px;
    margin-top: 15px;
    font-family: 'Fira Sans', sans-serif;
    text-align: center;
    color: #B7D8D6;
    /* [disabled]font-weight: bold; */
}

aside {
    margin-top: 20px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}
aside p {
    font-size: 0.8em;
    color: #808080;
    margin-left: 15px;
    margin-right: 15px;
}
details summary {
    color: #4F4235;
    text-align: center;
    margin-bottom: 10px;
}


section {
    margin-top: 30px;
    margin-bottom: 50px;
    margin-left: 10%;
    margin-right: 10%;
}


p {
    font-family: 'Oxygen', sans-serif;
    color: #C2C2C2;
    margin-left: 5%;
    margin-right: 5%;
    letter-spacing: 0.2px;
    word-spacing: 1px;
    line-height: 1.2;
    margin-bottom: 30px;
}
.section1 {
    border: 3px double #266867;
}

footer {
    padding-bottom: 30px;
    text-align: center;
    border-top: 3px solid #342D25;

}
footer p {
    margin-top: 10px;
}

a:link, a:visited {
    color: #205651;
}
a:hover, a:active {
    color: #2F8280;
}