style.css

* {
	background: #000316;
	margin: 0;
	padding: 0;
}

#particles-js {
	/*background-color: black;*/
	
	background-repeat : no-repeat;
	background-size : cover;
	
	height: 40vh;
}



.welcome {
	color: #FFE4E1;

	position: absolute;
	margin-top: 25px;
	margin-left: 40px;
}


.welcome p {
	font-size: 20px;
	margin-top: 30px;
	margin-left: 40px;
	letter-spacing: 3px;
	font-family: monospace;
}

.welcome h1 {

	margin-top: 120px;
	margin-left: 40px;
	letter-spacing: 3px;
	font-family: monospace;
}

.primary {
  color: #f6f8f7;
  font-weight: 700; 
  font-size: 1.56rem;
  line-height: 1.3;
  letter-spacing: 0.8px; 
}

.glyp {
	font-size: 120px;
}

.glyp1 {
	font-size: 100px;
}

.glyp2 {
	font-size: 91px;
}

.glyp4 {
	font-size: 75px;
}

.glyp3 {
	font-size: 180px;
}



.secondary {
    color: #bcbfc8;
    font-family: sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.7px;
}

.glow-but {
    /*transform: scale(1);*/
    transition: transform 900ms;
    color: rgba(255, 255, 255, 1);
    box-shadow: 0 5px 15px #bcbfc8;
    transform: scale(1.03);
}

.glow {
	transform: scale(1);
	transition: transform 500ms;
    color: #FFEBCD;

}
.glow:hover {
    /*color: rgba(255, 255, 255, 1);
    box-shadow: 0 5px 15px #bcbfc8;*/
    transform: scale(1.03);
}

.gl1 {
	transform: scale(1);
	transition: transform 500ms;
    color: #FFEBCD;
}

.gl1:hover {
	color: rgba(255, 255, 255, 1);
    box-shadow: 0 5px 15px #bcbfc8;
    transform: scale(1.03);
}



.gl {

color: #C0C0C0;
}