body {
  background-color: #ffebcd;
  color: black;
  font-family: "Times New Roman";
}

.contrast-bg{
  background-color: #ffe1b4;
  /*padding: 5px;*/
  margin: auto; /*0px 400px 0px 400px;*/
  border: 5px double #ffc268;
  border-radius: 25px;
}

#scholar-contrast-bg{
  background-color: #cde1ff;
  margin: auto; /*0px 400px 0px 400px;*/
  border: 3px ridge #8f9db2;
  border-radius: 100px;
}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  height: 50%;
}

img{
  width: auto;
  height: auto;
}


button{
  background-color: #ffe1b4;
  border: 2px solid #ffc268;
  border-radius: 5px;
  transition-duration: 0.4s;
  font-size: 20px;
  font-family: "Times New Roman";
}

button:hover {
  background-color: #ffebcd; 
}

.txt-center {
  text-align:center;  
  margin-left: auto;
  margin-right: auto;
}

.half-size{
  width: 50%; 
  height: 50%;
}

.quarter-size{
  width: 25%; 
  height: 25%;
}

.three-quarters-size{
  width: 75%; 
  height: 75%;
}


/*
.card-img {
 width:25%; 
}
*/

#bottom{
   background-color: #cce0ff;
   border-style: double;
   border-color: #80b2ff;  
   /* d2ccff 80b2ff 99c1ff 8f9db2 */
   border-width: 3px;
   margin: auto;
   padding: 5px;
   width: 50vw;
  }
    
#top{
   background-color: #ffefd7;
   border-style: double;
   border-color: #8bb9ff;
   margin: auto; /*0 300px 10px 300px*/;
   width: 90vw;
  }

#essay{
  background-color: #cde1ff;
  margin: auto;
  border: 3px ridge #8f9db2;
  border-radius: 100px;
}

/* https://www.w3schools.com/howto/howto_js_accordion.asp */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #ccbca4;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: center;
  border: none;
  outline: none;
  transition: 0.4s;
  font-family: "Times New Roman";
  font-size: 30px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #e5d3b8;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: #ffce86;
  display: none;
  overflow: hidden;
  /*transition: max-height 0.2s ease-out;*/
}

blockquote {
  background: #ffe1b4;
  border-left: 10px solid #ffcc81;
}

.history-txt{
  font-size: 14pt;
  line-height: 1.6;
  padding-left: 10px;
  padding-right: 10px;
}

/*https://www.w3schools.com/css/tryit.asp?filename=trycss_breadcrumbs*/
    
ul.breadcrumb {
  padding: 8px;
  list-style: none;
  margin: auto;
}

ul.breadcrumb li {display: inline;}

ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "|\00a0";
}

ul.breadcrumb li button {color: black;}