*
{
	margin: auto;
	padding: auto;
}

#particles-js {
	background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(bg1.jpg);
	height: 100vh;
	background-size: cover;
	background-position: center;

}

.pro
{
	margin-top: 30px;
	margin-left: 89%;
	position: absolute;
	color: #fff;
	font-family: sans-serif;
}

.logo
{
	margin-top: 25px;
	font-size: 28px;
	text-transform: uppercase;
}

.welcome
{
	margin-left: 10%;
	position: absolute;
	color: #fff;
	font-family: sans-serif;

}

.welcome h1
{
	margin-top: 220px;
	letter-spacing: 2px;
	font-size: 70px;
	text-transform: uppercase;
}

.welcome p
{
	font-size: 16px;
	margin-top: 25px;
	font-family: monospace;

}
#in
{
	border-radius:0.80em;
	background-color: #dccc1d;
	color: black;
	text-decoration: none;
	letter-spacing: 2px;
	position: absolute;
	margin-top: 30px;
	padding: 15px 30px;
}
#ig
{
	border-radius:0.80em;
	margin-left: 150px;
	background-color: #dccc1d;
	color: black;
	text-decoration: none;
	letter-spacing: 2px;
	position: absolute;
	margin-top: 30px;
	padding: 15px 30px;
}



#projects
{
display:inline-block;
padding:0.35em 1.0em;
border:0.1em solid #FFFFFF;
border-radius:0.70em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#FFFFFF;
text-align:center;
transition: all 0.2s;
}

.raise:hover,
.raise:focus {
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  transform: translateY(-0.25em);
 }