/* entire document */


body {
    background-color:rgb(171,154,154,1);
    font-family: italic 1.2em "naratif", "Fira Sans", serif;
    color: rgb(22, 19, 31);
}

/* header only */
header {
    background-color:rgb(171,154,154,1);
    width: 1150px;
    height: 160px;
    text-align: center;
    font-size: 25px;
    float: center;
    padding-left: 5px;
    margin: 0 auto;
}

header > img {
    width: 100px;
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    border-radius: 8px;
}

h1 {
    background-color:rgb(171,154,154,1);
    width: 1150px;
    text-align: center;
    padding: 0px;
    color: black;
    /* font-family: 'Black Ops One', cursive; */
}

h4 {
    padding-bottom: 20px;
}
header > nav {
    float: center;
}

header > nav > ul {
    background-color:rgb(171,154,154,1)
}

header > nav > ul > li {
    display: inline-block;
    width: 150px;
    border: 10px solid black;
    background-color: rgb(160, 168, 180);
    text-align: center;
    border-radius: 15px;
    margin-right: 30px;
    padding: 5px;
    text-decoration: none;
    
}

li:hover > a {
    background-color:rgb(160, 168, 180);
}

header > nav > ul > li > a {
    color: inherit; 
    text-decoration: none;
}

/* main only */

main {
    margin: 5px auto;
    width: 1140px;
    background-color: rgb(160, 168, 180);
    border: 5px solid black;
    height: 1140px;
}

main > h2 {
    padding: 5px;
    text-align: center;
}

main > article {
    width: 310px;
    display: inline-block;
    text-align: center; 
    vertical-align: top;
    height: 900px;
    padding: 29px
}

main > article > img {
    width: 325px; 
    border: 5px solid black;
    padding: 0px;
    float: center;
    margin: 0 auto;
    border-radius: 10px;
    margin-right: 10px;
    box-shadow: 10px 10px 5px grey;
    background-color: rgb(62, 182, 163, 1);
}

main > section > img {
    width: 300px; 
    border: 5px solid black;
    margin: 10px 10px 10px 10px;
    padding: 0px;
    float: right;
    margin: 0 auto;
    border-radius: 10px;
    margin-right: 10px;
    margin-left: 15px;
    box-shadow: 10px 10px 5px grey;
    background-color: rgb(62, 182, 163, 1);
}

main > section > h2 {
    text-align: center;
}

main > section > p {
    padding: 10px;
    font-size: 20px;
    scroll-behavior: smooth;
}

footer {

    text-align: center;
    padding: 10px;
    font-style: italic;
    font-size: 12px;

}

main > article > p {
    display: inline-block;
    width: 295px;
    border: 0px dotted black;
    text-align: center;
    padding: 20px;
    margin: 0 auto;
    border-radius: 8px;
    margin-right: 10px;
    font-size: 26px;
}
.about > p {
    padding: 2px;
}

a {
    text-decoration: none;
}

.post {
    padding: 10px;
    border: 1px solid black;
    scroll-padding-right: 5px;
    scrollbar-color: rgb(62, 182, 163, 1);
    /* scroll-margin-right: 2px;
    scrollbar-arrow-color: bisque; */
}