body	{
	color:Black;
	border:solid 1px pink;
	background-color:gray;
	font-family:"open_sans";sans-serif;
	font-size:90%;
	
}
h1  {font-family: "open_sans",sans-serif;
 	color:white;
    }

h2 { color:white;
}
h3 {color:white;
}

.name	{
	font-family:"Montserrat", sans-serif;
	}
	
nav ul {
	padding:5x;
	list-style-type: none;
	text-align: center;
	margin:10px;
	border-radius: 5px;
	}
ul{
list-style-type:none;
}
ul li{
	padding:20px;
	background-color:white;
	margin-bottom:5px;
	margin-right:30px;
	text-align:center;
	border-left: 10px solid black;
	border-top: 10px solid black;
	border-right: 10px solid black;
	border-bottom:10px solid black;
	border-radius: 10px;
}


header {
	background-color: purple;
	border-radius: 15px;
	text-align:center;
	display:block;
	grid-row: 1/2;
	grid-column: 1/3;
	}

a:link	{
	color:red;
	text-decoration:none;
	padding:4px;
}
a:visited	{
	background-color: red;
	Color:grey;
}
a:hover {
	font-size:2em;
}
a:active {
	Color: Green;
}

#grid products{
	display:grid;
	grid-template-columns:333px 333px 333px;
	grid-template-rows:250px 250px 250px 250px;
	column-gap:10px;
	row-gap:15px;
	}
	
#grid_products ul {
	background-color:white;
	}


#flex_products {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	Flex-direction: row;
	align-items: center;
	row-gap: 1em;
	column-gap: 4em;
	
}
	
main img {
	border-width:20px;
	border-style:solid;
	border-color:purple;
	margin:5px;
	border-radius:15px;
	}
}
	}
#flex_products ul {
	background-color: purple;
	margin-right: 20px;
	}
#flex_products li{
	width: 100px;
	}

#gallery {
display:flex;
flex-wrap:wrap;
}

@media (max-width:699px){
	background{
		background-color: #FF1493;
		margin:auto;
		border-radius:72px;
		padding:30px;
		font-size:1.1em;
	    }
	
	}


@media (min-width:700px){
	background{
		background-color: #FF1493;
		margin:auto;
		border-radius:72px;
		padding:30px;
		font-size:1.1em;
	    }
	
	}
@media (min-width:1000px){
	body{
		background-color: #1E90FF;
		margin:auto;
		border-radius:72px;
		padding:30px;
		font-size:1.1em;
	    }
	#wrapper {
		width: 1000px;
		margin: auto;
	}
	nav {
	float: left;
	width: 280px;
	}
main{
	margin-left:300px;
	}