/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
       url('../fonts/raleway-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'),
       url('../fonts/raleway-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/raleway-v12-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Raleway Black'), local('Raleway-Black'),
       url('../fonts/raleway-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}

html,
body {
    height: 100%;
	margin: 0;
}
body {
    font-family: Raleway, sans-serif;
    color: #fff;
}
* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing: border-box;
}
*:active, *:focus {
    border: 0;
    outline: 0;
}
.theme {
	display: flex;
	min-height: 100%;
	-webkit-transition: 1.0s, linear;
	-moz-transition: 1.0s linear;
	-o-transition: 1.0s linear;
	transition: 1.0s linear;
}
.theme-0 {
    background-color: #87c4a3;
}
.theme-1 {
    background-color: #ba94de;
}
.theme-2 {
    background-color: #64d6e2;
}
.theme-3 {
    background-color: #fdaed4;
}
.theme-4 {
    background-color: #785ebb;
}
.theme-5 {
    background-color: #a09de5;
}
.theme-6 {
    background-color: #a0cadb;
}
.theme-7 {
    background-color: #79bbb5;
}
.theme-8 {
    background-color: #f6d860;
}
.theme-9 {
    background-color: #9988cd;
}
.theme-10 {
    background-color: #edb948;
}
.theme-11 {
    background-color: #fdacb4;
}
.theme-12 {
    background-color: #dbbe39;
}
.theme-13 {
    background-color: #dfbc94;
}
.theme-14 {
    background-color: #3ccad1;
}
.theme-15 {
    background-color: #f68f6f;
}
.theme-16 {
    background-color: #9787ea;
}
.theme-17 {
    background-color: #ccc5e3;
}
.theme-18 {
    background-color: #fd9372;
}
.theme-19 {
    background-color: #9b7ad5;
}
.theme-20 {
    background-color: #de89ac;
}
.theme-21 {
    background-color: #98bff6;
}
.theme-22 {
    background-color: #fec54f;
}
.theme-23 {
    background-color: #9784ed;
}
.theme-24 {
    background-color: #f4c3c5;
}
.theme-25 {
    background-color: #63c5ab;
}
.theme-26 {
    background-color: #f4696b;
}
.theme-27 {
    background-color: #e794ae;
}
.theme-28 {
    background-color: #9b7fe6;
}
.theme-29 {
    background-color: #ef9f64;
}
.container {
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.header, .main, .footer {
	flex-shrink: 0;
}
.header {
	margin: 20px;
}
.main {
	margin-top: 50px;
	margin-bottom: 50px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.title {
	font-size: 5vh;
	font-weight: bold;
}
.subtitle {
  font-size: 3vh;
}
.question {
	text-transform: uppercase;
	text-align: center;
	font-size: 5.5em;
}
.question-first,
.question-second {
	max-width: 850px;
	cursor: pointer;
	font-weight: 600;
}
.question-is,
.question-questionmark {
	font-weight: bold;
}
.footer {
	margin: 20px;
	display: flex;
	flex-direction: column;
	text-align: center;
}
.icon-big {
	font-size: 5em;
}
.icon-small {
	font-size: 4em;
}
a {
	color: white;
	font-weight: bold;
	width: 100%;
	word-wrap: break-word;
}
.button a {
	font-weight: normal;
}
.button {
    border: none;
    outline: none;
    padding: 10px;
	background-color: transparent;
	color: white;
	cursor: pointer;
}
.button-redo {
	position: fixed;
	top: 10px;
	right: 10px;
    border-radius: 5px;
}
.rotate {
	-moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
	-webkit-animation: spin 0.5s infinite linear;
}
.social {
	padding-top: 20px;
	display: flex;
    flex-direction: row;
}
.privacy {
	padding-top: 10px;
}
.frame {
	width: 100%;
	padding: 50px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media all and (max-width: 850px) {
	.question {
		font-size: 9.6vw;
	}
	.title {
		font-size: 6vw;
	}
	.subtitle {
		font-size: 3.6vw;
	}
	.icon-big {
		font-size: 8vw;
	}
	.icon-small {
		font-size: 7vw;
	}
}