@charset "UTF-8";
/* CSS Document */
html{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	background-color: #000000;
}

body{
	width: 90%;
	background-color: aliceblue;
	margin: auto;

}
header{
	display: flex;
	
}

.cont_logo{
	background-color: chocolate;
	width: 20%
}
.cont_menu{
	background-color: aqua;
	width: 80%;
	align-content: center;
}
.menu{
	display: flex;
	align-content: center;
	list-style: none;
	justify-content: center;
	color: aliceblue;
	font-weight: 600;
}

.menu li{
	background-color: darkgoldenrod;
	padding: 20px;
	margin: 20px;
	border-radius: 10px 
}
.menu li a{
	color: aliceblue;
	text-decoration: none;
}
.menu li:hover{
	background-color: darkviolet;
	color: aliceblue;
}

.banner{
	height: 80vh;
	background-image:url("imagenes/hierba-para-gatos-beneficios.jpg");
	background-size: cover;
	background-color:#00000080;
	background-blend-mode: darken;
	background-position: center;
	display: flex;
	align-content: center;
	justify-content: center;
}
.bienvenida{
	color: aliceblue;
	font-family: "Special Elite", system-ui;
	font-size: 4rem;
  	font-weight: 400;
  	font-style: normal;
	text-align: center;
	
}
.galeria{
	width: 100%
}

.cont_galeria{
	width: 100%;
	display:grid;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows: repeat(2,320px);
	grid-gap: 20px;
}


.cont_galeria .img-gal img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
}
/*apartir de aca estilo para quienes*/

form{
	width: 50%;
	background-color: cornflowerblue;
	padding: 50px;
	margin: 30px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: chartreuse;
}

input{
	width: 400px;
}
textarea{
	width: 400px;
}
.boton {
	background-color: darkblue;
	color: aliceblue;
	padding: 10px;
}