@import url('https://fonts.cdnfonts.com/css/geo-sans-light');
*{
	margin:0px;
	padding:0px;
}
#welcome-section{
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,1) 100%);
	display:flex;
	flex-direction:column;
	height:100vh;
	align-items:center;
	justify-content:center;
	color: white;
	font-family: 'GeosansLight', sans-serif;
}
#welcome-section:hover h1{
	color: rgb(206,120,255);
	color: linear-gradient(234deg, rgba(206,120,255,1) 25%, rgba(111,0,255,1) 75%);
	transition: color .4s ease-in-out;
}
body{
  background-image: url('img/vid.gif');
    background-size: cover;
    height: 100vh;
    padding:0;
    margin:0;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
body::-webkit-scrollbar{
	display: none;
}
nav{
	background: linear-gradient(360deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	height:100px;
	width:100%;
	position:fixed;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	z-index:1;
}
nav a{
	font-size:30px;
	margin:0 5%;
	color: white;
	font-family: 'GeosansLight', sans-serif;
}
nav a:hover{
	color: rgb(206,120,255);
	color: linear-gradient(234deg, rgba(206,120,255,1) 25%, rgba(111,0,255,1) 75%);
	transition: .4s;
}
main section{
	margin: 50px 10%;
	display:grid;
	grid-template:repeat(2,1fr)/repeat(3,1fr);
	grid-column-gap:10px;
	justify-items:center;
}
.project-tile{
	margin-bottom:80px;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.project-tile img{
	width: 250px;
}
main{
	padding-top:120px;
	display:flex;
	flex-direction:column;
	background-color: black;
}
main button {
	text-align:center;
	border-radius:5px;
	border-color: rgba(0, 0, 0, 0);
	font-family: 'GeosansLight', sans-serif;
	font-size: 30px;
	box-shadow:none;
	width:auto;
	align-self:center;
	padding:5px 20px;
	margin-bottom:20px;
	background-color: black;
	color: rgb(206,120,255);
}
main section div a:hover{
	border-radius:10px;
	box-shadow:none;
}
main a{
	color: rgb(206,120,255);
}
a, a:hover, a:active, a:focus, a:visited{
	text-decoration:none;
}
main section div a img{
	height:120px;
	width:auto;
	overflow:hidden;
}
footer{
	background: rgb(0,0,0);
	background: linear-gradient(360deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,1) 100%);
	height:100vh;
	display:flex;
	flex-direction:row;		align-items:center;
	justify-content:space-evenly;
}
footer div a{
	background-color:black;
	border-radius:50%;
	height:150px;
	width:150px;
	display:flex;
	align-items:center;
	justify-content:center;
	white-space:pre-line;
	overflow:hidden;
}
footer div a:hover{
	border-radius:50%;
	box-shadow:
		-5px 5px 10px,
		5px -5px 10px,
		5px 5px 10px,
		-5px -5px 10px;
}
footer div a img{
	border-radius:50%;
}
footer div p{
	text-align:center;
}
@media (max-width:800px){
	nav{
	background: linear-gradient(360deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	height:100px;
	width:100%;
	position:fixed;
	display:flex;
	align-items:center;
	justify-content:center;
	color:black;
	z-index:1;
}
	main section{
		margin:20px 10% 20px 10%;
		display:grid;
		grid-template:repeat(6,1fr)/1fr;
		justify-items:center;
	}
	footer{
		background: linear-gradient(360deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,1) 100%);
		height:100vh;
		display:flex;
		align-items:center;
		justify-content:space-evenly;
	}
}