@charset "utf-8";

*, *::before, *::after {
	box-sizing: border-box;
}


html, body {
    font-size: 1em;
    text-shadow: 0px 0px;
    color: #57001C;
    background-color: #EBE8E5;
    /* font-family: "Ubuntu Mono", monospace; */
    font-family: "Inter", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}



#container {
    width: 960px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F7E9E9;
    margin-top: 0px;
}



h1, h2, h3, h4, h5, h5, h6 {
    font-weight: normal;
    color: #D45959;
    font-family: "Agbalumo", serif;
}



a:link, a:visited {
    text-decoration: none;
    color: #E5AB18;
    background-color: #FFFFFF;
    border-radius: 5px;
    border: thin solid #E5AB18;
}



a:hover, a:active {
    text-decoration: none;
    color: #E498BE;
    border: thin solid #E498BE;
    transition-duration: 0.4s;
    background-color: #FFFFFF;
    border-radius: 5px;
}


p {
    line-height: 150%;
}



ul li a {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}



nav ul {
    padding-left: 0px;
    text-align: center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



nav ul li {
    display: inline-block;
    padding-left: 110px;
    padding-right: 100px;
    padding-top: 15px;
}



header {
    height: 430px;
    width: auto;
    background-image: url(images/header-960x500.jpg); /*This asset is 100% my own*/
    border-bottom: medium solid #E49A9A;
    background-repeat: no-repeat;
    background-position: left top;
}



header h1 {
    text-align: center;
    color: #E6A0A0;
    font-family: "Agbalumo", serif;
    padding-top: 140px;
    padding-left: 490px;
    font-size: 3rem;
}



main {
    background-color: #F7E9E9;
}



main h2 {
    text-align: center;
}



#intro {
    padding-bottom: 32px;
    border-bottom: medium solid #E49A9A;
}


.menuOptions img {
    border-radius: 120px;
    border: medium solid #FFFFFF;
    -webkit-box-shadow: 0px 0 10px 0 #E3B5B5;
    box-shadow: 0px 0 10px 0 #E3B5B5;
}



#intro p {
    text-align: center;
    margin-top: -17px;
    color: #864D60;
    padding-bottom: 11px;
}



#aboutMe {
    padding-top: 25px;
    padding-left: 160px;
    background-color: #F7F5F4;
    border-bottom: medium solid #E49A9A;
    padding-bottom: 50px;
    padding-right: 160px;
}



#aboutMe p {
    text-align: left;
    /* [disabled]margin-right: 550px; */
}



#aboutMe h2 {
    text-align: left;
}



#travels {
    padding-top: 25px;
    padding-right: 160px;
    background-color: #F7F5F4;
    padding-bottom: 50px;
    border-bottom: medium solid #E49A9A;
    padding-left: 160px;
}



#travels p {
    text-align: left;
    /* [disabled]margin-left: 550px; */
}



#travels h2 {
    text-align: right;


}



#heritage {
    padding-top: 25px;
    padding-left: 160px;
    background-color: #F7F5F4;
    padding-bottom: 40px;
    border-bottom: medium solid #E49A9A;
    padding-right: 160px;
}



#heritage h2 {
    text-align: left;
}



#heritage p {
    text-align: left;
    /* [disabled]margin-right: 550px; */
}



.menuOptions {
    display: inline-block;
    padding-top: 5px;
    padding-left: 76px;
    padding-right: 50px;
}



footer h2 {
    text-align: center;
    font-size: x-large;
}



footer p  {
    text-align: center;

}



#imageContainerAboutMe img {
    border: medium solid #E9C4C4;
    border-radius: 15px;
}



#travels img {
    border-radius: 15px;
    border: medium solid #E9C4C4;
}



#imageContainerHeritage img {
    border-radius: 15px;
    border: medium solid #E9C4C4;
}