header {background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%);}

 
 
 .webgrupo{ text-align: center;
 			display:block; margin:auto;
			color: white;
			font-family: roboto;
			text-decoration: none;}

img {border-radius: 50%; vertical-align: center; display:block;margin:auto; 
	border-color: black; border-width: 10px;}

body {background-color: black;}
 
 h1{text-align: center;
 	color: white;
 	font-family: roboto;}

h2{text-align: center;
	color: white;
	font-family: roboto; 
	}

body h2{text-align: center;
	color: white;
	font-family: roboto;
	margin-bottom: 3rem;
	}

nav{display: block;
	text-align: center;
	align-content: center;
	font-family: roboto;
	margin-bottom: 4rem;}

li{list-style:none;}	

nav ul li {display: inline-block;}

nav ul li a {color: white; text-decoration: none; 
			background:black; padding: 1rem; }

h3{font-family: roboto;
	color: white;
	 }

 
section {display: flex;
		text-align: center;
		color: white;
		align-items: stretch;
		}

body p{font-family: roboto;
		color: white;
		}

article p { display: inline-block;
			text-align: center;
			align-content: center;
			}

section {font-size: 1.1rem;}

body article p a{font-family: roboto; 
				padding-right: 1rem;
			     color: #FF335E;
			     text-decoration:none;}

.infocatedra{font-family: roboto;
			font-size: 1rem;
			color: #737070;}

.compas {color: #FF335E;}


footer p{font-family: roboto;
		color: #737070;
		font-size: 0.8rem;
		}


/*version mobile*/

@media (max-width: 576px) {

 	img {width: 20%;
	display: block;
	margin: auto;}

	header{background:black;}

	nav{display: block;
	text-align: left;
	align-content: left;
	font-family: roboto;
	margin-bottom: 4rem;
	background-color: white;}

	section {display: block;
		text-align: left;
		color: white;
		align-items: stretch;}
 
}