@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 body{
     background:#FFFDEF;
 }
 
.navbar{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.navbar li{
    display:inline-block;
    padding:1%;
    background-color:#505143;
    width:30%;
    border:4px solid white;
    overflow:hidden;
    }

a{
    color:#A3A289;
}

h1{
    border-top:1px solid black;
}

.images img{
    width:30%;
    border:4px solid black;
}

.centerpic{
    padding:15px 5px;
    margin-left:5px;
    margin-right:5px;
    filter:grayscale(100%);
    width: 600px; height: 300px;
}

.sidepic{
    padding:5px;
}

h3, h5{
    font-family:"Courier Prime", serif

}
h1{color:#A3A289
}

}
img{
      width:50%;
      border: 4px solid black;
      padding: 5px;
      margin: 30px;
}
a{
    text-decoration:none;
    display: inline-block;
    padding:8px 16px;
}
.next{
    background-color:black;
    color:white;
}
.previous{
    background-color:black;
    color:white;
}
.back{
    background-color:black;
    color:white;
    border-radius: 50%;
}
.button{
   list-style-type:none;
   padding:0px;
   margin:0px;
}

.button li{
    display:inline-block;
    background-color:#505143;
    width:10%;
    border:4px solid white;
    overflow:hidden;
}
    
.renaissance img{
     border: 4px solid black;
}