body {
	font-family:sans-serif ;
	text-align: center;
	width: 100%;
	margin: auto;
    background-color:white;
}

h1 {background-color: black;
    width: 80%; margin: auto;
    padding-bottom: 0.2%;
    padding-top: 0.2%; 
    margin-left: 10% ; 
    margin-right: 10% }
h1 a {font-family: sans-serif; 
    text-align: center;
      color: white}



.pam {background-color: #ff6f8c;
    padding-bottom: 0%;
	 	padding-top: 2%; 
	 	 
}
.pam h2 {color: white}
.pam p {color: white;
    font-family: sans-serif; 
    font-variant:normal;
    font-size: 1.5rem;}




nav {
    
		background: black;
		padding-bottom: 0.%;
	 	padding-top: 0.2%; 
	 	margin-left: 10% ; 
	 	margin-right: 10% 
}

nav ul {
	background-color:black;
	margin: 0.5rem;
	padding: 0.5rem;
}

nav ul li {
	list-style-type:none; 
	display:inline;
	padding:0 10px;
}
nav ul li a {
	color: white; 
	text-decoration: none;
}

nav ul li a:
    {
	background-color: white;
	color: white;
	padding: 0.6rem;
    }

img {width: 20%; height: auto;}



main {
    text-align: center;
    background: #ffffff;
    padding-bottom: 1%;
    padding-top: 0.2%;
    margin-left: 10% ;
    margin-right: 10%
    }


h3 {background-color:#ff9b8c;
    width: 100%; margin: auto;   
 }
h3 a {font-family: sans-serif; 
      text-align: center;
      color: white}


h3 p {color: white; margin: inherit;
    
 
	 	 
}
.materias {
	overflow:hidden;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
	align-items:;
	align-content: stretch;
    background-color: #ff9b8c;
    color: white;
    padding-top: %;
    padding-bottom: 0%;


}
 
h4 {   background-color:#ffaf8c; 
       margin: auto;
       padding-bottom: 4%;
       padding-left: 1.5%;
       padding-right: 1.5%;
   }

h4 img {padding-top: 5%;
       padding-right: 0%;
       width: inherit
}

h4 p {
    color: white;
    font-size: 2rem;
    font-family: sans-serif;
}


       

.landing
       {
       font-size: 1.2rem;
       line-height: %;
       background-color: black;
       padding-top: 1%;
       padding-bottom: 1%;
       padding-left: 1.5%;
       padding-right: 1.5%;
       margin: 5%;
       margin-left: 1%;
       margin-right: 1%;
            
       color: white;
       border-radius: 10px 10px 10px 10px;
       text-decoration: none;
       transition-duration: 0.4s;
       }



footer
    {
	text-align: center;
	background: black; 
	padding-bottom: 2%; 
	padding-top: 2%; 
	margin-left: 10% ;
	margin-right: 10%; 
	margin-top: 2%; 
	color: white;
        
    }
footer p {
    font-size: 0.8rem;
    font-family: monospace;
}