li {
	color:blue;
	text-indent:
}
h1 {
	color:brown;
	font-size:45
}
p {
	font-size:25;
	text-align:left;
	text-indent:23px
}
body {
	background-color:rgb(186, 234, 115)
}
.tip { 
	color:rgb(253, 182, 49);
	font-size:35
}

img {
	max-width:600px
}
a:hover {
	color:white
}
a: link{ 
	color:rgb(6, 79, 47);
	text-decoration: underline;
}
a: visited {
	color:rgb(90, 66, 245)
}
nav {
	background-color:yellow;
	margin: 10px;
	padding: 10px
}
nav a {
	background-color:rgb(123, 198, 219);
	margin: 5px;
	padding: 5px
}
.active {
	background-color:rgb(5, 93, 117);
	text-decoration: none
}
@media (max-width: 1200px){
	img {max-width: 45%}
	text-indent: 10%
}

@media (max-width: 900px){
	img {max-width: 65%;
	margin: auto;
	padding: 5px;
	text-indent: 5%
	}

@media (max-width: 600px){
	img {max-width: 100%}
	nav a {margin: 5px 7px;}
	align-items: center;
}