/* work-sans-200 - latin */
	@font-face {

	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 200;
	src: url('links/font/work-sans-v18-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

	/* work-sans-300 - latin */
	@font-face {

	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 300;
	src: url('links/font/work-sans-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

	/* work-sans-regular - latin */
	@font-face {

	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 400;
	src: url('links/font/work-sans-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

	/* work-sans-800 - latin */
	@font-face {

	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 800;
	src: url('links/font/work-sans-v18-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

	/* work-sans-900 - latin */
	@font-face {

	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 900;
	src: url('links/font/work-sans-v18-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}


	body {
	animation: change-background 20s infinite;
	animation-timing-function: linear;
	font-family: 'Work Sans';
	color: #ffffff;
	margin: 5%;
	}

	@keyframes change-background {
	0% {
		background-color: #7FD3FF;
	}
	12% {
		background-color: #8D82FF;
	}
	25% {
		background-color: #E671FF;
	}
	37% {
		background-color: #FF608E;
	}
	50% {
		background-color: #FF8457;
	}
	62% {
		background-color: #FF608E;
	 }
	75% {
		background-color: #E671FF;
	}
	87% {
		background-color: #8D82FF;
	}
	100% {
		background-color: #7FD3FF;
	  }
	}

	.wrapper {
	width: 100%;
	height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	}

	.headline {
	position: relative;
	font-size: 9.0em;
	font-weight: 800;
	line-height: 1.0;
	color: #fff;
	z-index: 1;
	margin: 100px;
	font-family: 'Work Sans';
	}

	.subline{
	font-size: 0.25em;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.1em;
	}

	#links{
	/*! font-size: 15%; */
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.1em;
	/*! margin-top: 10%; */
	}

	a{
	color: #ffffff;
	text-decoration: none;
	text-decoration: none;
	padding: 0 2%;
	}

	a:hover{
	animation: change-font 20s infinite;
	animation-timing-function: linear;

	}

	.back-button{
		padding: 0;
	}

	@keyframes change-font {
				0% {
					color: #7FD3FF;
				}
				12% {
					color: #8D82FF;
				}
				25% {
					color: #E671FF;
				}
				37% {
					color: #FF608E;
				}
				50% {
					color: #FF8457;
				}
				62% {
					color: #FF608E;
				 }
				75% {
					color: #E671FF;
				}
				87% {
					color: #8D82FF;
				}
				100% {
					color: #7FD3FF;
					}
				}