/**
 * @author Valentin Alisch, Nicolas Zupfer
 * @version 1.0
 *
 * Main
 */

/* Mobile */
:root {
	--border-width: 2px;
}

/* Tablet */
@media ( min-width: 900px ) {
	:root {
		--border-width: 3px;
	}
}

/* Desktop */
@media ( min-width: 1600px ) {
	:root {
		--border-width: 4px;
	}
}



* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html,
body,
#page {
	position: fixed;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

body {
	font-family: 'Work Sans', sans-serif;
}

#page {
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;

	transition: all 0.4s ease-in-out;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	font-weight: 400;
}
a:hover,
a:active {
	font-weight: 700;
}

.notransition {
	transition: none !important;
}



#intro {
	display: flex;
	padding: 20%;
	align-items: center;
	height: 100vh;
	background: white;
}



#downer {
	cursor: pointer;
	padding: 50px;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX( -50% );
	-moz-transform: translateX( -50% );
	transform: translateX( -50% );
	font-size: 15px;
	z-index: 100;
}
	#downer:hover {
		font-weight: bold;
	}

/* Tablet */
@media ( min-width: 900px ) {
	#downer {
		font-size: 22.5px;
	}
}

/* Desktop */
@media ( min-width: 1600px ) {
	#downer {
		font-size: 30px;
	}
}