body {
	background-color: black;
	color: white;
}

.nav{
	position: fixed;
	top :0;
	right:0;
	left:0;
	background-color: black;
}

.logo {
	float: left;
}

.logo img{
	height :80px;
	width: auto;
}

.nav-text {
	float: right;
}

.nav-text ul{
	list-style-type: none;
}

.nav-text ul li {
	display: inline;
	padding: 10px;
}

.nav-text ul li a{
	color:white;
	font-size: 30px;
	text-decoration: none;
}

.nav-text ul li a:hover{
	text-decoration: underline;

}
.body{
	margin-top: 100px;
}
.body h1{
	color: white;
}
.grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 50px;
	grid-auto-flow: dense;
	grid-template-rows: auto;
}
.grid-item {
width: 100%;
}
.grid-item a img {
width: 100%;
height: auto;
}
.grid-item a:hover {
	border: solid white;
}
.grid-item a {
	margin-bottom: 50px;
}