/* 
    COLOUR PALETTE
    night:            #182222;
    dark-slate-gray:  #405B5B;
    french-gray:      #e2dfe7;

    FONT FAMILIES
    body copy: 'Fjalla One', sans-serif;
    headings and button: 'Open Sans', sans-serif;
*/

body {
    font-family: 'Open Sans', sans-serif;
}

/* Typographic Styles */

h1 {
    color: #405B5B;
    font-size: 4rem;
    font-family: 'Fjalla One', sans-serif;
    letter-spacing: 0.1rem;
}

p {
   font-family: 'Open Sans', sans-serif;
   font-size: 1rem;
   margin-bottom: 1rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.2rem;
}

h2, h3 {
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 1rem;
}

footer h2{
    font-size: 2rem;
    margin-bottom: 1rem;
}
/* Button */
button {
    color: #405B5B;
    font-family: 'Fjalla One', sans-serif;
    font-size: 1.5rem;
    background-color: #fff;
    padding: 1rem;
    border-radius: 4px;  
    border-width: 3px;
    border-color:  #405B5B;
    margin-bottom: 1rem;
}
/*  */
.inner-container {
    margin: 0 auto;
    max-width: 90ch;
    padding: 1rem;
}
.flex-container {
    display: flex;
    width: calc(100% / 2 - 0.5rem);
    justify-content: center;
    margin: 0 auto;
    gap: 1rem;
}

/* Footer */

footer {
    background-color: #182222;
    color: #405B5B;
    text-align: center;
}

footer h2 {
    font-family: 'Fjalla One', sans-serif;
}

footer p {
    color:  #e2dfe7;
}