body{
		background-image: url('background.jpg');
		background-color: #CCFFCC;
	}
	
	h1{
		color: #FEF65B;
		font-size: 120px;
		text-align: center;
		/*text-shadow: #58E 1px 1px, #58E 2px 2px, #58E 3px 3px, #58E 4px 4px, #58E 5px 5px, #58E 6px 6px; */
		
		/*text-shadow: -10px 10px 0px #FFFFB2;
                 -20px 20px 0px  #FFFFE0,
                 -30px 30px 0px #FFFFFF; */
	}
	
	.extruded{
		color: #FFF;
		/*text-shadow: #B7FB70 1px 1px, #B7FB70 2px 2px, #B7FB70 3px 3px, #B7FB70 4px 4px, #B7FB70 5px 5px, #B7FB70 6px 6px; this is green */
		text-shadow: #FEF65B 1px 1px, #FEF65B 2px 2px, #FEF65B 3px 3px, #FEF65B 4px 4px, #FEF65B 5px 5px, #FEF65B 6px 6px; /*this is yellow*/
		left: -6px;
		top: -6px;
	}
	h2{
		color: #FEF65B;
		font-size: 40px;
	}
	
	.option {
		font-size: 40px;
		color: #587D75;
	}
	
	p{
		font-size: 20px;
		text-align: center;
	}
	
	table{
		text-align: center;
	}
	
	img:hover {
        transform: scale(1.5);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }
	
	li{
		color: #587D75;
	}
	
	a:link {
		text-decoration: none;
		color: #587D75;
	}
	
	a:hover { 
		color: #CCFFCC;
		text-decoration: none;
		font-weight: bold;
		font-style: italic;
		
	}
	
	a:active {
		color: #FEF65B;
		text-decoration: underline;
		font-weight: bold;
		font-style: italic;
		
	}
	/*.grid-area-1:hover {
		transform: scale(1.5);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	} */
	
	.grid-area-2:hover {
		transform: scale(1.2);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	}
	
	.grid-area-4:hover {
		transform: scale(1.2);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	}
	
	/*.button:hover{ 
		transition-duration: 1s;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.24), 0 6px 20px 0 rgba(0,0,0.19);
		border-radius: 4px;
	}*/
		
		
		

	.container{
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	
	.footer{
		position: absolute;
		top: 890px;
		text-align: center;
		background-color: #B7FB70;
		padding: 10px;
		margin-left: 90px;
		font-family: 'Satisfy', cursive;
	}
	
	.flink{
		text-decoration: none;
	}
	.grid{
		display: grid;
		grid-gap: 20px;
		grid-template-columns: 200px 400px auto;
		grid-template-rows: 100px 100px auto;
		margin: 15px auto;
		width: 950px;
		height: 750px;
		font-family: 'Satisfy', cursive;
		}
		
	.grid-area{
		font-family: 'Satisfy', cursive;
	
		/*padding: 25px 25px;*/
		text-align: center;
		/*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.24), 0 6px 20px 0 rgba(0,0,0.19);*/
		}
	
	.grid-area-1{
		/*grid-column: 1;
		grid-row: 1;*/
		grid-column-start: 1;
		grid-column-end: 6;
		grid-row-start: 1;
		grid-row-end: 1; 
		}
		
	.grid-area-2{
		background-color: #ababab;
		/*grid-column: 2;
		grid-row: 2;*/
		grid-column-start: 1;
		grid-column-end: 1;
		grid-row-start: 3;
		grid-row-end: 4; 
	}
	
	.grid-area-3{
		background-color: #ababab;
		/*grid-column: 2;
		grid-row: 2;*/
		grid-column-start: 2;
		grid-column-end: 5;
		grid-row-start: 3;
		grid-row-end: 4; 
		text-align: center;
		padding: 5px;
	}
	
	.grid-area-4{
		background-color: #ababab;
		/*grid-column: 2;
		grid-row: 2;*/
		grid-column-start: 5;
		grid-column-end: 5;
		grid-row-start: 3;
		grid-row-end: 4; 
		padding: 10px;
	}