body { background: rgb(234, 193, 2);}
/* background: linear-gradient(0deg, rgba(255,233,194,1) 51%), rgba(255,253,240,1) 100%; }	 */

/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
		
	}

	/* Fixed header and footer.
	* --------------------------------------- */
	#header {
		position:fixed;
		height: 200px;
		display:block;
		width: 100%;
		z-index:9;
		text-align:center;
		color: #000;
		padding: 10px 0 0 0;
	}

  #footer{
		position:fixed;
		display:block;
		width: 100%;
		z-index:9;
		text-align:center;
		color: #000;
		padding: 10px 0 0 0;
	}

	#header{
		top:0px;
	}
	#footer{
		bottom:50px;

	}


	/* Drag Stuff
	* --------------------------------------- */


.dragme		{
			position:relative;
			width: 100%;
			cursor: move;
			padding: 5px;
			margin: 0px;
		}

#draggable  {
			border: 0px solid #000;
			text-align:center;
			margin-left: auto;
			margin-right: auto;
			
		}



	/* Fonts
	* --------------------------------------- */
		
.intro {padding: 12px;}

p {font-family: 'Courier Prime', monospace;
   font-size: 22px;
   line-height:1.4em;
   letter-spacing:1px;

   }
   
h1 {font-family: 'Sancreek', cursive;
   font-size: 33px;
   line-height:1.5em;
   letter-spacing:2px;

   } 
   
   
   
   
   
   
   
   
   
   	/* Responsive Grid
	* --------------------------------------- */
   
   
   * {
  box-sizing: border-box;
}
main {
  max-width: 1600px;
  margin: auto;
  padding: 0 20px;
  width: 100%; 
  display: grid;
  /* Define Auto Row size */
  grid-auto-rows: 400px; 
  /*Define our columns */
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); 
  grid-gap: 1em;
}

article {
  border-radius: 10px;
  padding: 20px;
  color: #000;
}

article:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0);
}

article:nth-child(even) {
  background-color: rgba(0, 0, 0, 0);
}



 	/* Responsive Grid BIO AREA 2
	* --------------------------------------- */
   
   
   * {
  box-sizing: border-box;
}
main2 {
  max-width: 1600px;
  margin: auto;
  padding: 0 20px;
  width: 100%; 
  display: grid;
  /* Define Auto Row size */
  grid-auto-rows: auto; 
  /*Define our columns */
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); 
  grid-gap: 1em;
}

article2 {
  border-radius: 10px;
  padding: 20px;
  color: #000;
}

article2:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0);
}

article2:nth-child(even) {
  background-color: rgba(0, 0, 0, 0);
}