body{
    background-color: #e4d0ce;
    background-image: url(../img/fondo.png);
    background-repeat: repeat;
}

@font-face {
    font-family: 'Titulo';
    src: URL('titulo.ttf') format('truetype');
}

#title{
    width:100%;
    text-align:center;
    font-size: 60pt;
    color:white;
    font-family: 'Titulo';
    line-height: 60pt;
    -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f17d79;
}

#content{
    background-color: #f2e9e999;
    border: 1px solid #7779;
    border-radius: 4px;
}

.ribbon {
    font-weight: bold;
    margin-top:10px;
    width:100%;
    font-size: 21pt;
    font-family:'Courier New', Courier, monospace;
font-weight: bold;
color: white;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 1pt;
-webkit-text-stroke-color: #bf9898;
background-color: #EC7CA64D;
border: 1px solid #944d675e;
border-radius: 4px 4px 4px 4px;
padding: 10px;
    padding-bottom: 10px;
line-height: 21pt;
padding-bottom: 5px;
margin-bottom:5px;
  }
 

img{
    max-width: 100%;
    margin: auto;
    max-height: 150px;
}

#bloqueBluey{
    display: table;
    text-align:center !important;
  
}

table{
    display: table;
overflow-x: initial;
border: 1px solid #7773;
padding: 5px;
background-color: #7772;

text-align: center;
}

#bloqueBluey img{
    display:table-cell;
    max-height:100px;
}

#bloqueBluey div{
    display:table-cell;
    vertical-align: middle;
}

#bloquePie{
  text-align: center;
}