@charset "UTF-8";
@import url("file:///ma-ta/css/style.css");
/* CSS Document */
	/*------     
	
	
	*****   **    **         * ***        ****           * 
  ******  ***** *****       *  ****  *    *  *************  
 **   *  *  ***** *****    *  *  ****    *     *********    
*    *  *   * **  * **    *  **   **     *     *  *         
    *  *    *     *      *  ***           **  *  **         
   ** **    *     *     **   **              *  ***         
   ** **    *     *     **   **   ***       **   **         
   ** **    *     *     **   **  ****  *    **   **         
   ** **    *     *     **   ** *  ****     **   **         
   ** **    *     **    **   ***    **      **   **         
   *  **    *     **     **  **     *        **  **         
      *     *      **     ** *      *         ** *      *   
  ****      *      **      ***     *           ***     *    
 *  *****           **      *******             *******     
*     **                      ***                 ***       
*                                                           
 **                                                         
                        -------*/

body {
	background-color: mintcream;
}
wrapper {
	max-width: 960px;
	padding-top: 10px;
}

main {
	width: 100%;
	height: 1000px;
	padding-top: 50px;
}

nav {
	width: 100%;
	height: 10%;
	background-color: mediumpurple;
	position: fixed;
	margin-top: -1%;
	margin-left: -.5%;
	float: left;
}

a.nav-links {
	color: white;
	font-size: 2em;
	display: inline-block;
	float: left;
	padding-right: 2%;
	margin-top: 1.5%;
	margin-left: 15%;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	
}

a.nav-links:hover {
	color: black;
}


p.example {
		margin-top: 100px}


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

.cute-image {
	width: 100%;
	height: auto;
	text-align: center;
}

.heading {
	margin-top: -25%;
	margin-left: 45%;
	font-family: 'Yeseva One', cursive;
	font-size: 5em;
	color: rebeccapurple;
}

#content {
	margin-top: -5%;
	margin-left: 54%;
	
}

a.current-link {
	color: purple;
	
}

a.current-link:hover {
	color:black;
}

/************Exercise/Projects****************/

.exercises {
	margin-left: 5%;
	margin-top: 5%;
}


.exercise-projects {
	width: 100%;
	height: auto;
	text-align: center;
}

a.exercise-projects-links {
	color: mediumpurple;
	font-size: 2em;
	text-decoration: none;
	
	
}

a.exercise-projects-links:hover {
	color: black;
}

a.project-5 {
	color: purple;
	text-decoration: none;
	
}

a.project-5:hover {
	color: black;
}

p {
	color: mediumpurple;
}

a.project-one {
	color: purple;
	font-size: 1em;
	text-decoration: none;
}

a.project-one:hover {
	color: black;
}

/***************Demos**************/

.demo-heading {
	text-align: center;
	font-family: 'Yeseva One', cursive;
	font-size: 4em;
	margin-top: 5%;
}

.demo-links {
	font-size: 1em;
	margin-left: 10%;
	
}

a.demo-link {
	color: mediumpurple;
	font-size: 4em;
	text-decoration: none;
}

a.demo-link:active {
  text-decoration: none;
}


a.demo-link:hover {
  text-decoration: none;
	color: black;
}