body {
  background-color: #0f1c1e;
  color: #45ddee;
  font-family: Verdana;
}

.title {
margin:center;
text-align:center;
}

.paragraph {
margin-top: 200px;
text-align:center;
}


.divpanelArt {
  display: block;
  border: 15px solid #45ddee;
  border-radius: 20px;
  height: 400px;
  margin-left: 300px;
  width: 600px;
  background-color: #0f1c1e;
  text-align:center;
  }
  
  .divpanelBlog {
    display: block;
  border: 15px solid #45ddee;
  border-radius: 20px;
  height: 200px;
  margin-left: 300px;
  margin-top: 20px;
  width: 600px;
  background-color: #0f1c1e;
  text-align:center;
  }
  
    .divpanelFavorite {
      display: block;
  border: 15px solid #45ddee;
  border-radius: 20px;
  height: 400px;
  margin-left: 950px;
  margin-top: -676px;
  width: 500px;
  background-color: #0f1c1e;
  text-align:center;
  }
  
    .divpanelOcindex {
    display: block;
  border: 15px solid #45ddee;
  border-radius: 20px;
  height: 200px;
  margin-left: 950px;
  margin-top: 20px;
  width: 500px;
  background-color: #0f1c1e;
  text-align:center;
  }