body {
    min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow-x: hidden;
  height:auto;
    
}

h1 {
    font-family: "lores-9-wide", sans-serif;
    font-weight: 700;
    font-style: normal;
    color:#114588;
    text-shadow: 4px 3px 0 rgb(81, 235, 255);
}


h2 {
    font-family: "cofo-sans-pixel", sans-serif;
    font-weight: 700;
    font-style: normal;
    color:#114588;
    
}

h3,h4,h5,h6 {
    font-family: "cofo-sans-pixel", sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#114588;
    
}


.pic {
    float:left;
    border:11px solid;
    border-image:url("/hobbies/videogames/hibiblue.gif");
    
    border-color:transparent;
    padding:10px;
    
    
    border-image-slice:
180 183 183 178;
border-image-width:
20px 20px 20px 20px;
border-image-outset:
0px 0px 0px 0px;
border-image-repeat:
repeat repeat;
}

.layout {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
   overflow-x:hidden;
   overflow-y:scroll;
   width:100%;
    gap:30px;
    padding:20px;
    height: auto;
    border:11px solid;
    border-image:url("/hobbies/videogames/hibiblue.gif");
    border-color:transparent;
    border-image-slice:
180 183 183 178;
border-image-width:
20px 20px 20px 20px;
border-image-outset:
0px 0px 0px 0px;
border-image-repeat:
repeat repeat;
   
}

.intro {
    display:flex;
    height:250px;
    gap:10px;
    justify-content: center;
    align-items: center;
    flex-direction:row;
}
.geninfo {
    display:flex;
    height:auto;
    gap:10px;
    justify-content: center;
    flex-direction: column;
    overflow-x:hidden;
}

.fotos {
    display:flex;
    width:100%;
    padding:10px;
   
    flex-direction:row;
    justify-content: flex-start;
    overflow-x:scroll;
    border:5px solid;
    overflow-y:hidden;
    min-height: 320px;
}

.fotos img {
    display:flex;
    flex-direction:row;
    object-fit: contain;
width:400px;
height:100%;
}