style.css

/* header stuff */
.header {
 padding: 30px;
  text-align: center;
  background: #d5c9bb ;
  color:#8d252e  ;
  font-size: 259%;
  font-family:"American Typewriter", serif, "Bitstream Vera Sans Mono", monospace;
}
/* for nav bar */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: white;
}

li {
  float: left;
}

li a {
  display: block;
  color: #583101;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: Courier, monospace
}

li a:hover {
  background-color: #f2e9e4 ;
}

/* zoom link button (buttons are fun) */

button {
  background-color: #A5A58D; 
  border: none;
  color: #F0EfEB;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 8px;
}

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

button:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}



h2 {
  display: inline;
  font-family: "American Typewriter", serif;
  color: #4D6E7F;
  font-size: 230%;
}

.button {
  padding: 14px 40px;
}

img{
  display:inline;
  height:200x;
  width:200px;
  object-fit:cover;
  margin:20px;
}



/* footer */
footer {
  text-align: center;
  padding: 3px;
  background-color: #4D6E7F;
  color: white;
}

/* For the entertainment page: */
/* For the h6 of entertainment page inside border */
h6{
  font-size:30px;
  display:inline;
}
.a-tag{
  font-size:30px;
}

.fun {
	font-size: 35px;
	font-family:"American Typewriter", serif, "Bitstream Vera Sans Mono", monospace;
	font-weight: 300;
}
/* For the date and time */
.entertainment-dates {
  display:inline;
  font-size:30px;
}
/* The stuff in the border under the book */
.entertainment-header{
  border-radius:15px;
  color: #813D18;
  font-weight:15px;
}


.a {
  background-color: #A5A58D; 
  border: none;
  color: #F0EfEB;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.social-justice-header{
  border-radius: 15px;
  margin:15px;
  
}
/* content box*/
.content-box-blue,
 {
    margin: 0 0 20px;
    overflow: hidden;
    padding: 30px;
    color: #ffffff;
}
  
.content-box-blue {
    background-color: #7E8D9C;
    border: 1px solid #7E8D9C;
    width: 300px;
    height: 100px;
}

/* For the boxes in a row in social justice page */
.boxes-header{
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-evenly;
}

/* For the meeting box */
.meeting-header{
  background-color: #D5C9BB;
  border-radius: 8px;
  padding:5%;
  color: white;
  margin-bottom:20px;
  margin-top: 20px;
  
  
}
/* For the Amazon link box */
.amazon-header{
  background-color: #C5742C;
  border-radius: 8px;
  padding:5%;
  color: white;
  margin-bottom:20px;
  margin-top:20px;
}
/* For the zoom link box */
.discussion-header{
  background-color: #7E8D9C;
  border-radius: 8px;
  padding:5%;
  color: white;
  margin-bottom: 20px;
  margin-top:20px;
}

.description {
  width: 30%;
  height: 30%;
}

/* For the suggestion box */
.add-in-after{
  background-color: #A5A58D; 
  border: none;
  color: #F0EfEB;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin:15px;
}
h3{
  display: inline;
  font-family: "American Typewriter", serif;
  color: #4D6E7F;
  font-size: 200%;
}
.button1{
  margin:10px;
}

p{
  font-size:18px;
  font-weight:bold;
}

/* To make the images look bigger when you hover on them in homepage */

.thumbnail:hover {
    position:relative;
    top:-25px;
    left:-35px;
    width:500px;
    height:auto;
    display:block;
    z-index:999;
}

img:hover {
transform: scale(1.3);
}