@charset "utf-8";
/*
	Author: Landin Jones
	Project: Midterm Exam
	Date: 10/12/2023
*/

/* style the body element*/
body { 
	background-color: #90EE90; /*Demonstrate use of a Hexadecimal Number*/
	font-size: 16px; /*Use the font shorthand property. Used more than once on other css page.*/
	font-family: Tahoma, Geneva, sans-serif;
	background: linear-gradient(345deg, rgb(100, 135, 121), rgb(124, 238, 194) 80%);
}

h1, h3 {
	text-transform: capitalize; /*Change the appearance of a text element*/
	color: green;
}

li {
	list-style-type: disc; /*List style type 2 used. The other is on partystyles.css*/
	color: green;
}

img.image1 { /*Dependent Class*/
   height: 460px;
   width: 720px;
   filter: saturate(2); /* 1 Css Filters on separate items*/
   transform: rotate(25deg); /*1 Css Transformation on separate items*/
   transform-origin: right bottom;
   padding-left: 10px;
   padding-bottom: 20px;
   margin: 10px 180px 200px 20px; /*Demonstrate the use of margin for all sides*/
}

.image2 { /*Independent Class*/
   height: 460px;
   width: 720px;
   transform: rotate(-10deg); /*1 Css Transformation on separate items*/
   padding-left: 40px;
   opacity: 50%; /*Opacity level of item set*/
}

footer {
	text-align: center; /*Use a text element to change the alignment of an item.*/
}

/* Style psuedo class selectors*/
a:hover {
	color: black;
}

a:visited {
	color: blue;
}
	
a:link {
	color: blue;
}

/*
Screens for Phone
*/

@media only screen and (max-width: 480px) {
	
	ul {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: 240px;
    }
	
	section#left {
		order: 99;
	}
	
	body > footer {
		order: 100;
	}
		
  

 
}