@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
body
{
width:100%;
height:100%;
padding:0;
margin:0;
border:0;
background-color:none;
}
nav
{
	background-color:#8f9c92;
	height:75px;
}
nav .logo
{
	float:left;
	width:250px;
	font-size: 25px;
}
nav ul
{
	float:right;
}
nav ul li
{
	display:inline-block;
	margin-right: 20px;
}
nav ul li a {
text-decoration: none;
}
.login 
{
	float:right;
	display:inline-block;
	margin-top:15px;
	text-decoration: none;
}
.login a
{
	text-decoration: none;
	color:white;
}
button
{
	background-color:green;
	border:none;
	padding:5px 20px;
	border-radius:4px;
	transition-duration: 0.4s;
}
button:hover
{
	background-color:red;
}
nav ul li a:hover
{
	background-color:black;
	color:white;
}
nav ul li a:visited
{
	color: royalblue;
}
#about
{
	margin-top:-22px;
	width:100%;
	height:200px;
	background-color:#8a245a;
}
#contact
{
	margin-top:-21px;
	width:100%;
	height:200px;
	background-color:#54216e;
}
.hero
{
	margin-top:-21px;
	width:100%;
	height:600px;
	background-color:white;
}
.copyright_container
{
	display:flex;
	width:100%;
	flex-direction: column;
}
.copyright, .icons_social
{
	width:25%;
	margin:auto;
}
.icons_social
{
	text-align: center;
}
.icons_social a 
{
	margin: 10px;
	text-decoration: none;
}
h4
{
	text-align:center;
	color:#54216e;
}