html {
  height: 100%;
  width: 100%;
  
}

body {
  height: 630px;
  width: 100vw;
  font-family:"Dela Gothic One";
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* border: 5px solid rgb(0, 0, 0); */
  background-color: #9C8484;
  background-image: url('building.jpg');
  background-position:center;

}

.center-box{
  width:1100px;
  height: 335px;
  display :flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  text-align: center;
  border: 5px double #efa300;
  background: #cac6c6;
  margin-top: 320px;
  opacity: 1;
  margin-right: 60px;
}


p{
color: #808080;
 font-size: 40px;
 font-weight: 400;
 word-wrap: break-word;
 text-shadow: 0px 0px 1px rgb(0, 0, 0);
 
}

#cover-pic{
width: 300px; 
height: 270px;
border: 5px double #efa300;

}

.button {
  background-color: rgba(255, 255, 255, 0.584);
  opacity: 1;
  height: 65px;
  width: 250px;
  font-size: 25px;
  text-align: center;
  border-radius:25px;
  font-family:"Dela Gothic One";
  align-self: center;
  color: #565656;
  border: 5px solid #565656;
}

.button:hover {
  background-color:#565656;
  color: white;
  transition: 0.2s;
  border: 5px solid #939393;
}