.container{
  width:           100%;
  height:           100%;
  background-color: #00AACC;
  overflow: auto;
}

.bg{
  width:           700px;
  height:           700px;
  margin-right:     auto;
  margin-left:      auto;
  background-color: white;
  overflow: auto;
}

.pic-box{
  width:           650px;
  height:            400px;
  margin-top: 20px;
   margin-right:     auto;
  margin-left:      auto;  
   background-color: red;
  overflow: auto;
}
.quote-box{
  width:           650px;
  height: 260px;
    margin-right:     auto;
  margin-left:      auto; 
   overflow: hidden;
}

#quote-container{
  width:600px;
  height: 220px;
  margin-top: 30px;
  margin-right:     auto;
  margin-left:      auto; 
     overflow: hidden;
  

}
.quote{
  width:580px;
  height: 135px; 
  font-style: italic;
  margin: 0px auto 0px auto; 
  padding: 5px;
  
}

.button1{
  color: white;
  font-size: 1em;
  height: 25px;
font-weight: 600;
  text-align: center;
  border-radius: 10px;
  background-color: #00AACC;
}

.button2{
  color: white;
  font-weight: 600;
  font-size: 1em;
  height: 25px;
  text-align: center;
    background-color: #00AACC;
  border-radius: 10px;
}

.button1:hover{
  background-color: #0055FF;
  font-weight: 700;
  cursor: pointer;
}
.button2:hover{
  background-color: #0055FF;
  font-weight: 700;
  cursor: pointer;
}
.button-container{
  margin-left:auto;
  margin-right:auto;
}

.author{
  font-style: italic;
  text-align: right;
  padding-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}