/* CSS stylesheet for home page */

h3.highlight
{
  color: #903;
  background: #fde;
}

div.homecontainer
{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

div.panel,
div.images
{
  flex-basis: 400px;
  flex-grow: 1;
  max-width: 800px;
  margin-top : 10px;
  padding: 10px;
  background: white;
}

div.images img
{
  display: block;
  width: 100%;
}

div.comingsoon
{
  border: 2px solid #aac;
  border-radius: 10px;
  padding: 10px;
  background: #eef;
  margin-top: 20px;
}

@media (max-width: 500px)
{
  div.comingsoon
  {
    border: 1px solid #aac;
    border-radius: 5px;
    padding: 5px;
    background: #eef;
  }  
}

div.comingsoon h3 { margin-top: 0; }

div.underconstruction
{
  margin: 10px auto;
  background: #ffd;
  color: #900;
  padding: 10px;
  border: 2px solid #900;
  border-radius: 10px;
}

div.underconstruction h3 
{ 
  margin-top: 0;
  text-align: center;
}

picture.bookcover 
{ 
  float: right;
  width: 150px;
  margin-left: 10px;
}

picture.bookcover img
{
  width: 150px;
}