:root {
	--primary-color: #ffffff;
	--secondary-color: #000000;
}

body {
	background: var(--secondary-color);
	color: var(--primary-color);
	/* font-family: Computer Modern; */
	/*font-family: "frederickaTheGreat", sans-serif;*/
	background-image: url("chalkboard.jpg");
}

.main-content-box {
	text-align: center;
	width: 75vw;
	height: 90vh;
	border-style: solid;
	border-width: 2px;
	border-color: var(--primary-color);
	position: fixed;
	left: 5vw;
	top: 5vh;
	color: var(--primary-color);
	/*font-family: "frederickaTheGreat";*/
}

.linkfromform {
	font-size: 0.5vh;
	position: fixed;
	left: 6.5vw;
	top: 6.5vh;
	z-index: -999;
	color: var(--primary-color);
}

.scorebutton {
	position: fixed;
	width: 15vw;
	height: 6vh;
	right: 2.5vw;
	z-index: -1;
	font-size: 3vh;
	/* font-family: Computer Modern; */
	/* font-family: 'frederickaTheGreat'; */
}

.correct {
	bottom: 18vh;
	background-color: #3faf3f;
}
.false {
	bottom: 25vh;
	background-color: #af3f3f;
}
.score {
	position: fixed;
	z-index: -5;
	/* font-family: Computer Modern; */
	bottom: 25vh;
	width: 15vw;
	text-align: center;
	font-size: 7vh;
	font-weight: bold;
	right: 2.5vw;
}

select {
	/* font-family: 'frederickaTheGreat'; */
}

.submit-button {
	position: fixed;
	bottom: 5vh;
	width: 15vw;
	height: 10vh;
	right: 2.5vw;
	z-index: -1;
	/* font-family: 'frederickaTheGreat'; */
}

.show-button {
	position: fixed;
	top: 12vh;
	width: 15vw;
	height: 10vh;
	right: 2.5vw;
	z-index: -1;
	/* font-family: 'frederickaTheGreat'; */
}
.mode-selection {
	position: fixed;
	top: 5vh;
	width: 15vw;
	height: 5vh;
	right: 2.5vw;
	z-index: -1;
}
.quote-illustration {
	position: fixed;
	bottom: 30vh;
	width: 20vw;
	left: 10vw;
	z-index: -1;
}
.quote {
	font-family: Times;
	font-size: 7vh;
	text-align: left;
	/* font-style: italic; */
	position: fixed;
	bottom: 30vh;
	width: 50vw;
	right: 10vw;
}
.exponent {
	font-size: 70%;
}

.quote-author {
	font-family: Times;
	font-size: 3vh;
	text-align: center;
	position: fixed;
	width: 30vw;
	bottom: 20vh;
	left: 5vw;
	z-index: -5;
}
input {
	font-size: 2.0vh;
	/* font-family: Computer Modern; */
}
.Investitionsstufe {
	position: fixed;
	right: 2.5vw;
	/* font-family: Computer Modern; */
	/* font-size: 2.5vh; */
}
.main-box {
	/*font-family: 'frederickaTheGreat';*/
}
.BT {
	top: 25vh;
}
.IW {
	top: 30vh;
}
.DI {
	top: 35vh;
}
.PU {
	top: 40vh;
}
.IT-S {
	top: 45vh;
}

@font-face {
	font-family: "Computer Modern";
	src: url('fonts/cmunss.otf');
}
@font-face {
	font-family: "Computer Modern";
	src: url('fonts/cmunsx.otf');
	font-weight: bold;
}
@font-face {
	font-family: "Computer Modern";
	src: url('fonts/cmunsi.otf') format('opentype');
	font-style: italic, oblique;
}
@font-face {
	font-family: "Computer Modern";
	src: url('fonts/cmunbxo.otf');
	font-weight: bold;
	font-style: italic, oblique;
}
/* fredericka-the-great-regular - latin */
@font-face {
  font-family: 'frederickaTheGreat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/fredericka-the-great-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('frederickaTheGreat'), local('FrederickatheGreat'),
       url('fonts/fredericka-the-great-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/fredericka-the-great-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/fredericka-the-great-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/fredericka-the-great-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fredericka-the-great-v9-latin-regular.svg#FrederickatheGreat') format('svg'); /* Legacy iOS */
}