body {
	font-family:courier, monospace;

}
   
	#wrapper {
                Border-radius: 80px;
		    background: rgb(93,26,176);
			background: radial-gradient(circle, rgba(93,26,176,1) 10%, rgba(179,154,194,0.8860586470916492) 100%);
              }
header{
          grid-row:1/2;
	}
	
	
h1 { 
		margin-left:282px;
     		margin-right:282px;
		Color:White; 
			
	
		}

	h2 {
	text-align:center;
    	text-decoration:underline;
	}


h4 {
	Text-align: left;
	Text-font:small;
	}


p{
  background-color:pink;
  border-radius:40px;
  padding:30px;
  margin:40px;
  }



mark { 
	background-color:pink; 
      border-radius:10px;
	padding: 10px;
	margin:5px;
}


nav {
	background-color: orange;
	border-radius: 15px;
	float: left;
	width: 150x;
	grid-row:2/3; grid-columns:1/2:
	}


nav ul {
	list-style-type: none;
	text-align: center;
	font-size: 2em;
	margin: 5px;
	}

nav li {
	display: inline;
	}

nav a {
	text-decoration:none;
	padding-left: 10px;
	padding-right:10px;
	}


}
footer {
	font-size: x-small;
	text-align: left;
	padding: 10px;
	clear: left;
	grid-row:3/4; grid-columns:1/3:	
	}

table {
	border-collapse:collapse;
	background-color:#F8F8FF;
	Float:right;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:100px;
	margin-top:50px;

	}

td, th {
	border:1px solid black;
	padding:10px;
}



tr:nth-of-type(1)
{
background-color:gray;
}

form {
	Float:right;
	margin-left:100px;
	transform: rotate(20deg);
	}

iframe {
	Float:center;
	padding:10px
	margin-left:150px;
	
	}

#flex_products {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	Flex-direction: row;
	align-items: center;
	row-gap: .5em;
	column-gap: .5em;
	background-color: teal;
	border-radius: 15px;
	padding-top: 20px;
	padding-bottom: 20px;

}


@media (min-width:700px){
	background{
		background-color: Red;
		margin: auto;
		border-radius: 72px;
		padding: 30px;
		font-size: 1.1em;
	    }
	
	}
@media (min-width:1000px){
	
body{
		background-color: orange;
		margin:auto;
		border-radius:72px;
		padding:30px;
		font-size:1.1em;
	    }
	#wrapper {
		width: 1000px;
		margin: auto;
	}
	
main {
	float: right;
	width:560px;
	margin-left: 500px;
	grid-row:2/3; grid-columns:2/3:
	}
img { 
	padding-top: 5px;
	border-radius: 30px;
	box-shadow: 10px 10px #777;	
}

#gallery {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	
}

ol {
	list-style-type: none;
	text-align: left;
	font-size: 2em;
	margin: 5px;
	}

a:link {
	color: #ffff00;
	text-decoration: none;
	padding: 4px;
  }
a:visited	{
	background-color: red;
	Color: Teal;
}
a:hover {
	font-size: 1.5em;
}
a:active {
	Color: Pink;
}