* {
  box-sizing: border-box;
}


body {
  font-size: 16px;
  max-width:576px;
  margin: auto;
  padding: 0 0.5rem;
    background-color: #243429;
    font-family: 'Amaranth';
}
a{
    text-decoration: Underline; 
    color: #DCF2B0;
}
p{
    text-align: left;
    color: #FFFFF3;
}
h1{
    text-align: left;
    color: #A98865;
}
h3{
    color: #FFFFF3;
}
nav{
    display: inline-block; 
    text-align: center; 
    background-color: #665A48;
    width: 100%;
    border: 5px inset #665A48; 
}
nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
nav li{ 
    padding: 3px;
}
nav li a{ 
    display: inline-block; 
    text-align: center; 
     text-decoration: none;
     color: #FFFFF3;
}
nav li a:hover{
    background-color: #38182F;
    color: #FFFFF3;
    width: 100%;
}
main {

}
img{
    display: block; 
    margin-left: auto;
    margin-right: auto;
}