/*============= Menu bar and body (same for all the pages)======== */


#nav {
    height: 80px;
	width: 100%;
	background: rgba(32,41,93,0.5);
	position: fixed;
	padding: 5px;
	border-radius: 3px;
	
}

#nav ul {
padding-top: none;   
padding-left: 300px;
list-style-type: none;
text-align: center;


}

h2 {

	color: white;
	font-size: 30px
}

#welcome {

	color: white;
	font-family: helvetica;
}

#nav li {
background: #e7e7e7;
border-radius: 3px;
font: 700 13px Helvetica;
line-height: 28px;
padding: 0 20px;
text-align: center;
margin-right: 20px;
float: right;
}

#nav a {
text-decoration:none;
color: black;


}


#nav a:hover {
color: white;
background-color: black;

}

#log { /* la div that contains the logo "FabLab Academy 2017"*/
float: left;


}

body{
width: 100%;
height: 100%;
background: url(universe.jpg);
background-position: bottom;
background-size: 100%;
background-attachment: fixed;
background-repeat: 


}
/*======================Home===================  */

#home{
padding: 20px;
background-color: rgba(32,41,93,0.5);

}

#links { /*  */

	text-decoration: none;
	color: rgb(19, 233, 100);
	text-align: center;
	font-family: helvetica;
	font-size: 15px;
}

/* ===== the big invicible section in the middle of the page=======*/


#content { /* contenido en general de la casa principal antes de 
	individual a las wabpage*/

    margin-top: 50px;
    margin-right: 50px;
    margin-left: 50px; 
    margin-bottom: 50px;
	background-color: green;
	background-size: 100%;
	border-radius: 10px;

}

/* ======= From the Title to content of the pages=============== */

.contenido h1 { /* title of the page */

	font-family: Helvetica;
	color: white;
	text-align: center;
	font-size: 30px;
	padding-top: 150px;
}


.contenido {/* Assigment's Div ONLY */
    margin-top: 50px;
    margin-right: 100px;
    margin-left: 100px; 
    margin-bottom: 50px;
	background-size: 100%;
	border-radius: 10px;

}

.contenido p {

	color: white;
}


#description { /* descriptions under the pictures*/

	color:white;
	font-family: helvetica;
	font-size: 14px;
}

#week1{
	text-align:center;
}

#week1 p {


	text-align:left;
	padding:20px;
}

#week1 ul {

text-align: left;
margin: 20px;

}


.contenido div {/* el contenido de los links de las clases*/

background: rgba(249, 229, 172, 0.2);
border-radius: 5px;
list-style-type: none; /*to remove the point hovering next to the text*/
text-align: center;
padding-top: 10px;

}

.contenido div div{ 

	background-color:none;
}

.contenido div ul { /*list of the first week */

color:white; 
font-size:17px;


}

.contenido div a { /* Assingment's week link */

	text-decoration: none; /*to remove the underline*/
	color: white;
	font-family: helvetica;
	font-size: 30px

}

.contenido div a:hover { /* hovering on the weekly assigments */

color: black;
background-color: white;

}


.contenido div p { /* color of the descriptions of the links*/ 

	text-decoration: none;
	color: rgb(19, 233, 219);
	padding-bottom: 10px;
	text-align: center;
	font-family: helvetica; /* the font of the content */ 
	
}


h3 {
color: white;

}

/*======================about me===================  */





















/*==========================assigments======================*/


.contenido_assigments h1 { /* lCheck the links below..... */

	font-family: Helvetica;
	color: white;
	text-align: center;
	font-size: 30px;
	padding-top: 150px;
}

.contenido_assigments div p { /* color of the descriptions of the links*/ 

	text-decoration: none;
	color: rgb(19, 233, 219);
	padding-bottom: 10px;
	text-align: center;
	font-family: helvetica;	
}

.contenido_assigments div a { /* Title of the week */

	text-decoration: none; /*to remove the underline*/
	color: white;
	font-family: helvetica;
	font-size: 30px

}

.contenido_assigments div {/* the div that are the week's assigments  */

background: rgba(249, 229, 172, 0.2);
border-radius: 5px;
list-style-type: none; /*to remove the point hovering next to the text*/
text-align: center;
padding-top: 10px;

}

.contenido_assigments {/* Assigment's Div ONLY */
    margin-top: 50px;
    margin-right: 100px;
    margin-left: 100px; 
    margin-bottom: 50px;
	background-size: 100%;
	border-radius: 10px;

}