/* This is a comment */

/*  
	CSS Reset by Eric Meyer - Released under Public Domain
    http://meyerweb.com/eric/tools/css/reset/
*/

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&family=Inclusive+Sans:ital@0;1&family=Montserrat:ital,wght@1,100&family=Red+Hat+Display&family=Sintony&display=swap');
@import url('grid_12-825-55-15.css');


body {

    background: #F3E7BF;
    margin-bottom: 10em;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 0em 1em;
}

/* Text layout */

.subtext {
    color: #8EBA6A;
    font-weight: bold;
    size: 1.5em;
    text-transform: uppercase;
    font-style: normal;
}

.two-column-text {
    column-count: 2;
    column-gap: 2em;
}

.striking {
    font-weight: bold;
    color: #15733F;
    text-align: center;
}

.contact {
    font-weight: bold;
    color: #F3E7BF;
    font-size: 2em;
}

.info {
    font-weight: bold;
    color: #F3E7BF;
    padding-top: .5em;
}

p {
    font-size: 1em;
    font-family: 'Comfortaa', sans-serif;
}

.explanation {
    font-family: 'Merriweather', serif;
    font-size: 1em;
    font-weight: bold;
}

li {
    font-size: 1em;
    font-family: 'Comfortaa', sans-serif;
}

ul {
    list-style-position: initial;
    list-style-type: none;
    line-height: 1em;
    align-content: flex-start;
}


/* Headings */

h1 {
    font-family: 'Merriweather', serif;
    font-size: 3em;
    font-weight: bolder;
    letter-spacing: 0.5em;
    line-height: 2em;
    position: center;
}

h3 {
    font-family: 'Merriweather', serif;
    font-size: 2em;
    font-weight: bold;
}

h3 {
    font-family: 'Merriweather', serif;
    font-size: 2em;
    font-weight: bold;
}

h4 {
    font-family: 'Merriweather', serif;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: capitalize;
}

h5 {
    font-family: 'Merriweather', serif;
    font-size: 1em;
    font-weight: bold;
    text-transform: capitalize;
}

.first-li {
    margin-top: 0em;
}


/* BLockquote */

blockquote {
    background: #d5dbb1;
    font-size: 1.75em;
    padding: 1em, 2em, 2em, 2em;
    font-style: italic;
    font-family: 'Montserat';
    border-top: 0.1em solid #15733F;
    border-bottom: 0.1em solid #15733F;
    box-shadow: 0.2em 0.2em 0.2em #d1d5c7;
}


/* Aside */

aside {
    width: 40%;
    padding-left: 0.5rem;
    margin-left: 0.5rem;
    float: right;
    box-shadow: inset 5px 0 5px -5px #15733F;
    font-style: italic;
    color: #15733F;
}

aside>p {
    margin: 0.5rem;
}

/* Hyperlink styling: LVFHA */

a:link,
a:visited {
    color: #15733F;
    background: none;
}

a:focus,
a:hover,
a:active {
    color: #8EBA6A;
    background: none;
}


/* Images */

.responsive {
    width: 100%;
    height: auto;
}

.portrait {
    max-width: 25%;
    height: auto;
}

/* grid */
.wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}


/* Section info */

.info {
    display: flex;
    gap: 1.5em;
    background-color: #8EBA6A;
    color: black;
    padding: 2em;
    font-weight: normal;

}

.info a:hover,
.info a:focus {
    color: #F3E7BF;
    background: none;
}


/* Footer */

footer {
    background: #15733F;
    color: #F3E7BF;
    padding: 0.4em;
    text-align: center;
    font-size: 75%;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

footer a:link,
footer a:visited {
    color: #F3E7BF;
    background: none;
}

footer a:hover {
    color: #8EBA6A;
}