body {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none; 
	user-select: none;
	background-color: #000000;
	font-family: Helvetica, sans-serif;
}

.main {
	z-index: 2;
	margin: 5vw;
	position: relative;
}

/*main logo and sub-title text*/
#logo-block {
  	aspect-ratio: 1 / 1;
	display: inline-block;
	padding: 2vw;
	white-space: nowrap;
	text-align: left;
	}

.sub-logo {
	color: #b2b7cf;
	font-weight: 100;
	font-size: 0.5em;
	letter-spacing: 1vw;
}

#tag-block {
	display: inline-block;
	padding: 2vw;
	text-align: left;
  }

/*Type Setting*/
h1{
	color: #ccced9;
	font-weight: 100;
	font-size: 6vh;
	letter-spacing: 3vw;
	line-height: 1.5em;
}

.tagline{
	color: #ccced9;
	font-style: italic;
	font-weight: 100;
	font-size: 7vh;
	letter-spacing: 2vw;
	line-height: 1.5em;
}

/*Contact Link*/
h2 {
	color: #ccced9;
	font-weight: 100;
	font-size: 3vh;
	line-height: 0em;
	letter-spacing: .9vw;
	white-space: nowrap;
}

/*Back to Top Linkr*/
h3 {
	color: #ccced9;
	font-weight: 100;
	font-size: 1.5vh;
	line-height: 0em;
}

/*About Section Content*/
p {	
	color: #ccced9;
	font-weight: 100;
	font-size: 2vh;
	line-height: 2em;
	letter-spacing: 0.2vw;
}

.light {
	color: #ccced9;
	font-weight: bold;
}

/*Rights Footer*/
h4 {
	color: #b2b7cf;
	font-weight: 100;
	font-size: 1vw;
	line-height: 1em;
	letter-spacing: 0.4vw;
}

/*Positioning and Placements*/
.right-container {
	z-index: 3;
	position: relative;
	margin: 50px;
	padding-right: 20%;
	text-align: right;
	background-color: #00000040;
}

.center-container {
	text-align: center;
	margin: auto;
}

.left-container {
	left: 0;
	text-align: left;
	margin: auto;
	width: 90%;
}

.spacer {
	position: relative;
	height: 20vh;
}

/*Block for right side content*/
.right-block {
	display: inline-block;
	position: fixed;
	white-space: nowrap;
	bottom: 5%;
	background-color: #00000040;
}	

.left-block {
	display: inline-block;
	white-space: nowrap;
	text-align: left;
	margin: 0;
}	

/*Hyperlink Styling*/
a {
	text-decoration: none;
}

.highlight:hover {
	background-color: #b2b7cf20;
}

.highlight {
	padding-left: 10px;
	padding-right: 10px;
}

/*Diagonal SVG line*/
.object-container {
	position: fixed;
	top: 0;
	z-index: 1;
	width:100vw;
	height:100%;
}

.line {
	stroke: #b2b7cf50;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-dasharray: 100;
	stroke-dashoffset: 1000;
	animation: dash 5s linear infinite;
}

@keyframes dash {
	to {
		stroke-dashoffset: 0;
		}
}