@import url('https://fonts.googleapis.com/css?family=Bungee+Outline');

body {
	font-family: sans-serif;
	min-height: 100vh;
	overflow: hidden;
	color: #57585c;
	color: var(--color-text);
	background-color: #fff;
	background-color: var(--color-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	--color-text: #fff;
	--color-bg: #101010;
	--color-bg-slide: #5900ce;
}

.content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	min-height: 100vh;
}

.stars_bg {
	background: var(--color-bg-slide);
}

/* Word + SVG styles */
.word {
	position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 0 0.25em 0;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    grid-area: title;
    font-size: 10vw;
    font-weight: 400;
}

.word span {
	display: block;
	position: relative;
	flex: none;
	white-space: pre;
	font-family: 'Bungee Outline', cursive;
}

.shapes {
	position: fixed;
	top: 0;
	left: 0;
}

h6 {
	color: gray;
}

a {
	text-decoration: none;
}

a:visited {
	color:blue;
}

@media screen and (max-width: 40em) {
	.slide .word {
		font-size: 2em;
	}
}