html, body {
    margin: 0;
    padding: 0;
	 border: none;
     box-sizing: border-box;
}

a:link {
	 	font-family: "MightyCaps", sans-serif;
	font-size: 38px;
  color: #FF7E4C;
    text-decoration: none;

}

a:visited {
   color: #FF7E4C;
     text-decoration: none;
}

a:hover {
   color: #F4B942;
     text-decoration: none;
}

a:active {
   color: #F4B942;
     text-decoration: none;
}




@font-face { font-family: MightyCaps; src: url('MightyZeoC_i.ttf'); } 
@font-face { font-family: Mighty; src: url('MightyZeo.ttf'); } 
@font-face { font-family: Wing; src: url('WINGDNG2_0.TTF'); } 
        

#blackbar1  {
  width: 100%;
  margin: 0;
      padding: 0;
  border: none;

   height: 155px;
   background: #282B28;
   text-align: center;
 	font-family: "MightyCaps", sans-serif;
	font-size: 38px;
   }
   
   
#titulos {
	
  width: 100%;
  margin: 0;
      padding: 0;
  border: none;

   height: 70px;
   background: #282B28;
   text-align: center;
 	font-family: "Mighty", sans-serif;
	font-size: 30px;
	color: #3D91D0;
	
	
	
}

#imgcomic {
	
	img, svg {
  width: 910px;  /* Set a fixed width */
  height: 1420px; /* Set a fixed height */
   object-fit: none;  /* Prevents scaling/resizing the graphic content itself */
  object-position: center; /* Optional: controls alignment if the box is larger than the graphic */
  /* This forces the graphic to be exactly 910x1420 pixels regardless of its parent container. */
}
	
}

#flechas {
	
  width: 100%;
  margin: 0;
      padding: 0;
  border: none;

   height: 70px;
   text-align: center;
    font-family: Arial;
 	font-size: 60px;
   color: #FF7E4C;
	
	
	
}

#flechas:link {
	font-family: "Wing", sans-serif;
	font-size: 60px;
   color: #FF7E4C;
    text-decoration: none;

}

#flechas:visited {
   color: #FF7E4C;
     text-decoration: none;
}

#flechas:hover {
   color: #F4B942;
     text-decoration: none;
}

#flechas:active {
   color: #F4B942;
     text-decoration: none;
}


  .figure {
    position: relative;
    max-width: 100%;
  }
  .figure img.image-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
  }
  .figure:hover img.image-hover {
    opacity: 1;
  }