*{
    padding: 0;
    margin: 0;
}
.titulo_principal
{
    font-family: courier;
    color: white;
    text-align:center;
    font-size:40px;
}

.subtitulo_principal
{
    font-family: courier;
    color: #ffffff;
    text-align:center;
    font-size: 12px;
}

.container_titulo
{
    display: block;
    margin:0;
    height:12%;
    background-color: #ffaadf;
    padding-top:1%;
    position: fixed;
    width: 100%;
    box-shadow: 0 0 10px 0 #888888;
}

.titulo
{
    font-family:courier;
    margin: 3% 3% 0% 3% ;
    text-align: center;
    font:bold;
}

img
{
    margin-top: 2%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

figure 
{
    border: thin #c0c0c0 solid;
    display: flex;
    flex-flow: column;
    padding: 5px;
    max-width: 600;
    margin: auto;

}

figcaption {
    background-color: rgb(255, 175, 230);
    color: #fff;
    font: italic smaller sans-serif;
    padding: 3px;
    text-align: center;
}

.accordion {
    background-color: #ffaadf;
    color: rgb(255, 255, 255);
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 1s;
    margin-top:3%;
    box-shadow: 0 0 5px 0 #888888;
    text-align:center;
    font-weight:bold;
  }
  
  .active, .accordion:hover {
    background-color: #ff71c9;
  }
  
  .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-out;
  }

  p{
    margin-top: 2%;
  }

.container
{
      padding: 7% 3% 0% 3%;
      background-color: white;
      width:80%;
      margin-left:7%;
      height: 220%;
      box-shadow: 0 0 10px 0 #888888;
      
  }

  body{
    background-image: url("background.jpg");
  }