body{
      background-color: #444;
      padding: 40px;
}
#main{
      width: 880px;
      border: 1x solid black;
      margin: 0 auto;
}
@font-face {
    font-family: fonte;
    src: url(virtue_bold_edit.ttf);
  }
#cabecalho{
      text-align: center;
      color: #ddd;
      background-color: #333;
      border: 3px dashed black;
      box-shadow: 5px 5px #1d1b1b;
      padding: 40px;
      font-size: 50px;
      margin-bottom: 30px;
      align-self: center;
      font-family: fonte;
}
#personagem {
      display: flex;
      flex-direction: column; 
      align-items: flex-start;
      margin-bottom: 40px;
      font-family: fonte;
}
#personagem img{
      background-color: #333;
      border: 3px dashed black;
      box-shadow: 5px 5px #1d1b1b;
      width: 880px;
      height: 880px;
      align-self: center;
      justify-content: center;
}
#personagem h2{
      color: #ddd;
      background-color: #333;
      padding: 5px 10px;
      display: inline-block;
      border: 3px dashed black;
      box-shadow: 3px 3px #1d1b1b;
      margin: 0;
      font-size: 18px;
}
#personagem-caixa{
      color: #ddd;
      background-color: #333;
      border: 3px dashed black;
      box-shadow: 5px 5px #1d1b1b;
      padding: 15px; 
      margin-top: 5px;
}
#a {
    text-align: center;
    background-color: #333;
    border: 3px dashed black;
    box-shadow: 3px 3px #1d1b1b;
    flex: 1;
    padding: 5px;
    font-size: 15px;
    margin-top: 5px;
    float: right;
    align-self: flex-end;
    font-family: fonte;
    margin-bottom: 30px;
}