body {
	margin: 1rem;
}

h1{
	font-size: 3rem;
	margin-bottom: 0;
}

p, ol, ul {
	max-width: 35rem;
}

a {
	color: rgb(50,0,0);   /*setting hovered link color*/
	transition: color 0.5s;
}

a:hover, a:focus {         /*when hover over links, it turns red*/
	color: rgb(200,0,0);
	text-decoration: none;
}

code, samp {
	display: block;
	background-color: pink;
	padding: 0.4rem 0.8rem;
	/*
		padding:all;
		padding:top-bottom left-right;
		p:top right bottom left;
	*/
}

section {
	display: block;
	margin-bottom: 0;
}

.nav-item { /*when select class, add .*/
	display: inline-block;
	color: white;
	transition: color 0.5s;
	background-color: rgb(250,100,75);
	font-size: 1.5rem;
	padding: 0.25rem 0.5rem;
	text-decoration: none;
}

.nav-item:hover, .nav:focus {
	color: blue;
	text-decoration: none;
}

.button {
	background-color: #900;
	font-weight: bold;
	border: none;
	padding: 0.25rem 0.5rem;
}

.button:hover, .button:focus {
	color: #FFF;
	background: #900;
}