* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    width: 100%;
    height: 100%;

    font-family:'Atlas Grotesk Light';

    font-size: 20px;
    font-size: -webkit-calc(9px + 2.7vmin);
    font-size: -moz-calc(9px + 2.7vmin);
    font-size: calc(9px + 2.7vmin);

    line-height: calc(160% + 0.2vw);
    
    line-height: 1.55em;
    
    letter-spacing: 0.01em;
    font-weight: normal;
    
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

body {
    height: auto;
    width: auto;
}

a {
    color: black;
}


#app {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 5vmin;

}

nav {
    position: absolute;
    bottom: 5vmin;
    right: 5vmin;
}

.mini-navigation {
    position: relative;
    width: 100%;
    text-align: right;
    font-size: 12px;
    line-height: 100%;
}

.mini-navigation a {
    text-decoration: none;
    margin-left: 2vmin;
}


.slide-fade-enter-active {
  transition: all .6s ease;
}

.slide-fade-leave-active {
  transition: all .6s ease;
}

.slide-fade-enter {
  transform: translateY(10px);
  opacity: 0;
}

.slide-fade-leave-to {
  transform: translateY(-10px);
  opacity: 0;
}

















/* Generated by Fontie <http://fontie.pixelsvsbytes.com> */

@font-face {
    font-family:'Atlas Grotesk Light';
    src: url('typeface/AtlasGroteskLight.eot');
	src: url('typeface/AtlasGroteskLight.eot?#iefix') format('embedded-opentype'),
		url('typeface/AtlasGroteskLight.woff2') format('woff2'),
		url('typeface/AtlasGroteskLight.woff') format('woff'),
		url('typeface/AtlasGroteskLight.ttf') format('truetype'),
		url('typeface/AtlasGroteskLight.otf') format('opentype'),
		url('typeface/AtlasGroteskLight.svg#Atlas Grotesk Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02;
}


section {
	position: relative;
	z-index: 1; /* needed for setting pseudo-element z-index */
	backface-visibility: hidden;
    margin-bottom: 10vmin;
}

section a {
	outline: none;
	text-decoration: none;
	white-space: nowrap;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}

section a::before,
section a::after {
	pointer-events: none;
	backface-visibility: hidden;
}


/* Slide up */
.link-slideup {
}

.link-slideup a {
	overflow: hidden;
}

.link-slideup a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 99%;
	height: 100%;
	background-color: rgb(240,240,240);
	content: '';
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	-webkit-transform: translateY(94%);
	transform: translateY(94%);
}

.link-slideup a:hover::before,
.link-slideup a:focus::before {
	-webkit-transform: translateY(10%);
	transform: translateY(10%);
}