@import url(https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600);
@import url('https://fonts.googleapis.com/css2?family=Rubik+Moonrocks&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mina:wght@400;700&family=Rubik+Moonrocks&display=swap');

.rubik-moonrocks-regular {
	  font-family: "Rubik Moonrocks", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	}

.mina-regular {
	  font-family: "Mina", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	}
	
.mina-bold {
	  font-family: "Mina", sans-serif;
	  font-weight: 700;
	  font-style: normal;
	}

body {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: #000;
	font-size: 16px;
	letter-spacing: 0.02em;
}

h1 {
 	font-weight: 500;
	font-size: 80px;
	text-align: center;
	margin-bottom: 25px;
}

h2 {
	font-weight: 500;
	font-size: 25px;
	text-align: center;
	margin-bottom: 25px;
}

a {
	text-decoration: none;
}


p {
	line-height: 25px;
	margin-bottom: 30px;
	text-align: center;
}

.left {
	float: left;
	width: 45%;
}

.right {
	float: right;
	width: 45%;
}

.spacer {
	height: 50px;
}

.cover {
  width: 100vw; 
  height: 90vh;
  overflow: hidden;
  margin-bottom: 50px;
  background-color: #000;
  color: #fff;
  background: url(images/2k_stars_milky_way.jpg);
  background-size: cover;
}

.centereddiv {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   padding: 10px;
}

.title { /* span */
	color: transparent;
	background: url(images/galaxy.jpg) 50% 0 no-repeat;
	/* background-size: cover; */
	background-clip: text;
	  font-family: "Mina", sans-serif;
	  font-style: normal;
	  font-size: 80px;
	  font-weight: 700;
	  text-align: center;
	  white-space: nowrap;
 	}

.section {
   width: 90vw; 
   padding: 5vw;
   overflow: hidden;
   margin-bottom: 50px;
   background-color: #FFF;
   color: #000;
}