body {
	padding: 0px;
	margin: 0px;
}

h1 {
	font-family: 'Fjalla One', sans-serif;
	margin-bottom: -10px;
	font-size: 5vw;
}

p {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 2.2vw;
}

a{
	color: #828282;
	text-decoration: none;
}

a:visited {
    color: #828282;
	text-decoration: none;
}

a:hover {
    color: #c3c3c3;
	text-decoration: none;
}

.half_main_left {
	width: 50%;
	text-align: center;
	background: #000000;
	color: #ffffff;
	float: left;
	height: 90vh;
	padding-top: 10vh;
	
}

.half_main_right {
	width: 50%;
	display: inline-block;
	text-align: center;
	background: #ffffff;
	color: #000000;
	height: 90vh;
	padding-top: 10vh;
}

.highlight {
	color: #909090;	
	font-size: 1.6vw;
	margin-top: -10px;
}

.enter-obsidian-pc {
	line-height: 2.2rem;
    padding: 14px 17px;
    font-size: 1.6rem;
	font-family: 'Fjalla One',sans-serif;
    text-transform: uppercase;
    font-weight: 200;
	background: #af0000;
    border: 1px solid #c50000;
	color: #fff;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
	border-radius: 3px;
    margin-top: 5vw;	
}

.enter-obsidian-pc:hover {
	background: #34bcff;
    border: 1px solid #000000;	
}

.oldweb {
	font-size: 1.1vw;
}

@media (max-width: 720px) {
	p {
		font-family: 'Archivo Narrow', sans-serif;
		font-size: 4vw;
	}
	
	.highlight {
		font-size: 3vw;
	}
	
	.oldweb {
		font-size: 2.5vw;
	}
}