@charset "UTF-8";
/* Hoja de estilos del website */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&display=swap');
body{
	background-color: whitesmoke;
	color: black;
	margin: 0;
	padding: 3%;
  	font-family: "Outfit", sans-serif;
	font-size: 12pt;
	}
	header{
		text-align: center;
		font-size: 14pt;
		padding: 2%;
  		margin-bottom: 1%;
	}
	
	nav{background-color: lightcyan;
		padding: 1%;
		margin: 0;
		justify-content: center; 
	}	
		
	main{
		background-color: lightskyblue;
		padding: 1%;
		padding: 2%;
  		margin-bottom: 1%;
		}
		
		h1{
			color: black;
			font-size: 240%;
			font-family: "Lusitana", serif;
			margin-bottom: 1%;	
		}
		
		h2{
			background-color: lightcyan;
			font-size: 180%;
			font-family: "Lusitana", serif;	
			padding: 4pt;
			margin-top: 1.5%;
			border-left: 5px solid lightskyblue;
		}
		p{
			line-height: 2ex;
			margin-bottom: 2ex;
			font-family: "Outfit", sans-serif;
		}
		

		table {
		  width: 60%;
		  border: 2px solid black;
		  background-color: whitesmoke;
		  margin: 10px 0;
		}
		th{background-color: lightcyan;
			border: 2px solid black;	
		}
		
		tbody{
		background-color: whitesmoke;}
		
		tr {
		  text-align: center;
		}
		
		td {
		  border: 2px solid black;
		  padding: 6px;
		 }
		
		
	aside{background-color: lightcyan;
			padding: 2%;
	  		margin-bottom: 2%;}
	  		
			a{color: #3B76F9;
			text-decoration: none;}
				img{}
				
		form {
		  background-color: lightcyan;
		  padding: 2ex;
		}
		
		input {
		  border: 1px solid black;
		  padding: 1ex;
		}
		
		button {
		  border: 1px solid black;
		  padding: 1ex;
		}
				
				
	footer{background-color: lightskyblue;}
		figure {margin: 0;}
		img {}