html{
	scroll-behavior: smooth;
}

body{
	margin: 0;
	display: grid;
	grid-template-columns: min-content 1fr;
	font-family: system-ui, sans-serif;
}

ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

a{ 
	text-decoration: underline;
	color: #1e30b2;
}

a:focus{
	outline: none;
	text-decoration: none;
}

a:hover{
	color: #5e73b6;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Cabin', sans-serif;
}

h1{
	color: #838282;
}

h2{
	color: #fff;  
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	margin: 0;
	padding-bottom: 10px;  
}

p{
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 24px;
	text-align: justify;
	text-justify: inter-word;
}

img{
	border: none;
}

nav{
	white-space: nowrap;
	background: #37474F;
}

nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-height: 300px){
	nav ul{
		position: sticky;
		top: 0;
	}
}

nav ul li a{
	display: block;
	padding: 0.5rem 1rem;
	color: white;
	text-decoration: none;
}

nav ul li a.current{
	background: black;
}

main{
	padding-bottom: 40rem;
}

section{
	padding: 2rem;
	margin: 0 0 2rem 0;
}

footer{
	grid-column: 1 / 3;
	background: #607D8B;
	padding: 5rem 1rem;
}