/*color primario: #28CDDB
 color fuerte: #05596C  ;
 color claro: #CBEFF1 ;*/

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;1,400;1,500&display=swap');

body{
	/*background:  #CBEFF1 ;*/
	/*background-color: rgb(28,91,171);*/
	/*background-color: rgb(38,124,235);*/
	/*background-color: white;*/
	background:url("../img/fondo2.jpg") no-repeat;
	background-size: cover;
	font-family: 'Ubuntu', sans-serif;

}
 h2{
 	color: #05596C;
 	text-align: center;
 }
 nav{
 	/*background-color: rgb(38,124,235);*/
 	/*background-color: white;*/
 	background: rgba(255,255,255, 0.9);
 }

 /*formularios*/
.container{
 	background: rgba(255,255,255, 0.9);
 	/*background-color: white;*/
 	/*background-color: rgb(28,91,171);*/
 	font-size: 20px;
 	border-radius: 40px;
 }
 .formulario h2{
 	text-align: center;
 }
 .form-floating label{
 	font-size: 15px;
 	padding-left: 25px;
 }
 input[type="submit"]{
 	text-align: center;
 }
 #respuesta{
 	display: none;
 	width: 100%;
 	text-align: center;
 }
 #datos{
 	background: white;
 }

.oculto{
 		display: none;
 	}

 #tabla{
 	padding: 30px;
 	
 }
 footer{
 	background: rgba(255,255,255, 0.9);
 	position: relative;
 	bottom: 0;
 }
 
@media (max-width: 1200px){
	 .bi{
	 	font-size: 50px;
	 }
	 /*.container{
	 	margin: 20px 10px;
	 }*/

	 /*nav img{
	 	width: 20%;
	 }*/
	 h2{
	 	font-size: 40px;
	 }
	 h5{
	 	font-size: 35px;
	 }
	 body, table, label, .btn, #respuesta, input[type="text"], 
	 input[type="password"],input[type="number"], nav, li,
	 input[type="date"], input[type="time"], textarea, select,
	 strong, .input-group-text, input[type="radio"], .form-control 
	 {
	 	font-size: 35px;
	 }
	 .form-floating label{
	 	font-size: 30px;
	 }
	 #img-personaje{
	 	width: 120px;
	 }
	 #img-nombre{
	 	width: 350px;
	 }
	 .navbar-toggler{
	 	font-size: 50px;
	 }
	 /*label{
	 	font-size: 30px;
	 }

	 .btn{
	 	font-size: 30px;
	 }
	 #respuesta{
	 	font-size: 30px;
	 }*/
}