html, body {
	height: 100dvh;
	width: 100vw;
	margin: 0;
	padding: 0;
	background-image: linear-gradient(to bottom, #e6e6ff, #fff8f8, #fff8f8);
	}

	.fullscreen {
	height: 100dvh;
	width: 100vw;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;	
	}

	.titlebanner {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 100vw;
	height: 8dvh;
	background-color: #003559;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	}

	.bannerbuttons {
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	background-color: inherit;
	border: none;
	font-family: "Tahoma";
	font-weight: bold;
	font-size: 1vmax;
	cursor: pointer;
	width: 15vw;
	height: 100%;
	line-height: 1;
	}

	.mainbannerbutton {
	font-size: 1.7vmax;	
	width: auto;
	}

	.bigtitle {
	color: black;
	font-family: "Tahoma";
	text-align: center;
	font-weight: bold;
	font-size: 1.7vmax;
	line-height: 1;
	}

	.mainmenutitle {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 50vw;
	height: 22.7dvh;
	top: 8dvh;
	line-height: 22.7dvh;
	z-index: 3;
	}

	.settingstitle {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 50vw;
	height: 22.7dvh;
	top: 6.8dvh;
	line-height: 22.7dvh;
	z-index: 3;
	}

	.mainmenubuttons {
	width: 20vw;
	height: 7.2dvh;
	color: white;
	font-family: "Tahoma";
	text-align: center;
	font-weight: bold;
	font-size: 1.4vmax;
	line-height: 6dvh;
	background-color: #ea3031;
	border: .6dvh solid #000000;
	border-radius: 1dvh;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
	}

	.mainmenubuttons:hover {
	background-color: #b62526;
	}

	.practicebutton {
	top: 30.7dvh;	
	}

	.testbutton {
	top: 50.7dvh;	
	}

	.rtestbutton {
	top: 70.7dvh;	
	}

	.settings-titles {
	color: black;
	font-weight: bold;
	font-size: 1.3vmax;
	font-family: "Tahoma";
	text-align: center;
	width: 90%;
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translateX(-50%);
	}

	.settings-main-title {
	top: 11.2%
	}

	.startbutton {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 10.2%;
	left: 50%;
	transform: translateX(-50%);
	width: 10vw;
	height: 4.4dvh;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.3vmax;
	font-family: "Tahoma";
	background-color: #ea3031;
	border: .6dvh solid #000000;
	border-radius: 1dvh;
	cursor: pointer;
	}

	.startbutton:hover {
	background-color: #b62526;
	}

	.endtestbutton {
	bottom: auto;
	left: auto;
	transform: translateX(0%)
	}

	.studybuttoncontainer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10vw;
	position: absolute;
	bottom: 10.2%;
	width: 100%;
	height: 4.4dvh;
	}

	.testbuttoncontainer {
	bottom: 3.25%;
	gap: 5vw;
	}

	.studybutton {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10vw;
	height: 4.4dvh;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.3vmax;
	font-family: "Tahoma";
	background-color: #ea3031;
	border: .6dvh solid #000000;
	border-radius: 1dvh;
	cursor: pointer;
	}
	
	.studybutton:hover {
	background-color: #b62526;
	}

	.submitbutton {
	bottom: 20%;
	font-size: 1vmax;
	width: 6vw;
	height: 3.3dvh;
	cursor: pointer;
	}

	.alertbox1 {
	width: 27%;
	height: 8%;
	position: absolute;
	align-self: center;
	align-items: center;
	justify-content: center;
	left: 50%;
	background-color: white;
	transform: translateX(-50%);
	border: .6dvh solid #000000;
	color: red;
	font-weight: bold;
	font-size: 0.8vmax;
	font-family: "Tahoma";
	text-align: center;
	z-index: 90;
	}

	.alertbox2 {
	width: 30%;
	height: 20%;
	position: absolute;
	align-self: center;
	align-items: center;
	justify-content: center;
	left: 50%;
	background-color: white;
	transform: translateX(-50%);
	border: .6dvh solid #000000;
	color: red;
	font-weight: bold;
	font-size: 1.3vmax;
	font-family: "Tahoma";
	text-align: center;
	z-index: 90;
	}

	.alertboxcontainer {
	display: flex;
	width: 100vw;
	height: 100dvh;
	top: 0px;
	left: 0px;
	}

	.questionboxpractice {
	position: absolute;
	width: 45vw;
	height: auto;
	max-height: 50dvh;
	left: 50%;
	bottom: 35dvh;
	transform: translate(-50%, 0%);
	outline: .6dvh solid #000000;
	}

	.practiceendbox {
	background-color: white;
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 60%;
	height: 35%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: .6dvh solid #000000;
	border-radius: 1dvh;
	color: #000000;
	align-items: center;
	justify-content: center;
	gap: 2dvh;
	text-align: center;
	font-weight: bold;
	font-size: 1.3vmax;
	font-family: "Tahoma";
	}

	.studylogbox {
	background-color: white;
	position: absolute;
	width: 40%;
	height: 35%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: .6dvh solid #000000;
	border-radius: 1dvh;
	color: #000000;
	padding: 4%;
	font-weight: bold;
	font-size: 1.3vmax;
	font-family: "Tahoma";
	overflow-y: auto;
	white-space: pre-line;
	}

	.fontsize2vmax {
	font-size: 2vmax;	
	}

	.fontsizesmaller {
	font-size: .75em;
	}

	.none {
	display: none;	
	}

	.green {
	color: green;
	}

	.red {
	color: red;
	}

	.black {
	color: black;	
	}

	.cursorpointer {
	cursor: pointer;
	}