/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
/*
 @font-face{ 
	font-family: 'UmaFont';
  src: url('malacitana-sans-regular-webfont.woff2') format('woff2'),
  url('malacitana-sans-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
 }

*/
body {
	
	background: linear-gradient(-45deg, #f7987b, #faa4c5, #5fcef7, #23d5ab);
	background-size: 200% 200%;
	animation: gradient 60s ease infinite;
	height: 100vh;
	font-family: 'UmaFont', Arial, sans-serif;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



html {
  font-size: 100%; /* 100% = 16px */
  font-family: 'UmaFont', Arial, sans-serif;
}
p {
  font-size: 1em; /* 1em = 16px */
}

.container {
  margin-top: 20px;
  background: #d2fcba40;
  border: 1px solid #3f55384f;
  padding: 15px;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  display:inline-block;
}

.intermedia {
  margin-top: 20px;
  background: #e6e6fdc5;
  border: 1px solid #b9b8b8;
  padding: 15px;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}



h1 {
  color: #6c2eb9;
  font-weight: normal;
  font-size: 2.0em;
  font-family: Arial;
}
h2 {
  color: #3c1b66;
  font-weight: normal;
  font-size: 1.3em;
  font-family: Arial;
}
h3 {
  color: #443963;
  font-weight: normal;
  font-size: 1.2em;
  font-family: Arial;
}

div.soluciones {
display: inline-block; 
font-family: Courier;
  color: rgb(158, 64, 64);
}
.clearBoth { clear:both; }


input{
  border-radius: 8px;
}

div.respuesta
{
	  margin-top: 10px;
	  margin-bottom: 10px;
    background: #CCCCFC;
    border: 1px solid #E0E0E0;
    padding: 10px;
	display: inline-block; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.imgbox {
  display: grid;
  height: 100%;
}
.center-fit {
  max-width: 100%;
  max-height: 100vh;
  margin: auto;
}




.gallery {
  display: grid;
  grid-template-columns: repeat(3, auto); /* 3 IMAGES PER ROW */
  grid-gap: 10px;
  max-width: 1200px;
  margin: 0 auto; /* HORIZONTAL CENTER */
}
/* (A2) ON SMALL SCREENS */
@media screen and (max-width: 640px) {
  .gallery {
    grid-template-columns: repeat(2, auto); /* 2 IMAGES PER ROW */
  }
}

/* (B) THUMBNAILS */
.gallery img {
  width: 100%;
  height: 200px;
  cursor: pointer;
  /* FILL, CONTAIN, COVER, SCALE-DOWN : USE WHICHEVER YOU LIKE */
  object-fit: cover;
}
.gallery img:fullscreen { object-fit: contain; }

a {
  color: #454545; /* Tu color en Hexa o RGB */
  text-decoration: none;
}