/* Fonts */

@font-face {
    font-family: 'museo_slab100';
    src: url('fonts/museo_slab_100-webfont.woff2') format('woff2'),
         url('fonts/museo_slab_100-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_slab100_italic';
    src: url('fonts/museo_slab_100italic-webfont.woff2') format('woff2'),
         url('fonts/museo_slab_100italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_slab300';
    src: url('fonts/museo_slab_300-webfont.woff2') format('woff2'),
         url('fonts/museo_slab_300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_slab300_italic';
    src: url('fonts/museo_slab_300italic-webfont.woff2') format('woff2'),
         url('fonts/museo_slab_300italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_slab500';
    src: url('fonts/museo_slab_500-webfont.woff2') format('woff2'),
         url('fonts/museo_slab_500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_slab500_italic';
    src: url('fonts/museo_slab_500italic-webfont.woff2') format('woff2'),
         url('fonts/museo_slab_500italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_slab700';
    src: url('fonts/museo_slab_700-webfont.woff2') format('woff2'),
         url('fonts/museo_slab_700-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_slab700_italic';
    src: url('fonts/museo_slab_700italic-webfont.woff2') format('woff2'),
         url('fonts/museo_slab_700italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_slab900';
    src: url('fonts/museo_slab_900-webfont.woff2') format('woff2'),
         url('fonts/museo_slab_900-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_slab900_italic';
    src: url('fonts/museo_slab_900italic-webfont.woff2') format('woff2'),
         url('fonts/museo_slab_900italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_slab1000';
    src: url('fonts/museo_slab_1000-webfont.woff2') format('woff2'),
         url('fonts/museo_slab_1000-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_slab1000_italic';
    src: url('fonts/museo_slab_1000italic-webfont.woff2') format('woff2'),
         url('fonts/museo_slab_1000italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Animations */
.slowSpin {
    animation: slowSpin 60s linear 0s infinite normal forwards;
}

@keyframes slowSpin {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.title {
    font-family: "museo_slab300", serif;
    text-align: center;
    font-size: min(5vw, 10vh);
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.coming-soon {
    font-family: "museo_slab100", serif;
    text-align: center;
    font-size: min(3vw, 6vh);
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.vignette {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: ghostwhite;
    box-shadow: 0 0 30vmin rgba(0,0,0,0.5) inset;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.logo {
    width: 25vmin;
    margin-top: 3vmin;
}

.name {
    margin-top: 5vmin;
    width: 50vmin;
}

.content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}