@media screen and (max-width: 960px) {
	.play-container {
		margin-top: 10% !important;
	}
}

.not-logged-menu {
	text-align: center;
}

.login-msg {
	font-family: "Montserrat", sans-serif !important;
	font-weight: normal;
	padding: 0 5px;
}

.button-bar {
	margin-top: 5% !important;
}

.action-button {
	color: white !important;
	font-weight: bold !important;
	margin: 10px 50px !important;
	width: 100px;
}

.login-button {
	background-color: #2980b9 !important;
}

/* .login-button:hover {
	background-color: #35a1e9 !important;
} */

.signup-button {
	background-color: red !important;
}

.play-menu {
	margin-top: 5%;
	text-align: center;
}

.admin-btn {
	background-color: red !important;
	color: white !important;
	margin-bottom: 5% !important;

	font-family: "Montserrat", sans-serif !important;
	font-size: 0.8rem !important;
	font-weight: bold !important;
	letter-spacing: 2px !important;
	width: 200px;
}

.quiz-button {
	color: rgba(0, 0, 0, 0.719) !important;
	background-color: transparent !important;
	width: 70%;

	border: 3px solid #2980b9 !important;
}

.quiz-button:hover {
	background-color: #35a1e9 !important;
	color: white !important;
}

.button-text {
	margin: 0;
	font-family: "Montserrat", sans-serif;
	font-size: 1.1rem;
	font-weight: bolder;
	letter-spacing: 3px;
}

.onetime-warning {
	font-family: "Montserrat", sans-serif !important;
	margin-top: 5% !important;
}

@media screen and (max-width: 520px) {
	.play-menu {
		margin-top: 5%;
	}

	.onetime-warning {
		font-size: 1rem !important;
	}
	.button-text {
		font-size: 0.7rem !important;
	}
}

.modal-head {
	font-family: "Montserrat", sans-serif !important;
	font-size: 2rem !important;
	margin: 0;
}

.modal-info {
	padding: 5% !important;
	display: flex !important;
	align-items: center !important;
	flex-direction: column !important;
}

.modal-btns {
	width: 100% !important;
	padding-top: 4% !important;
	text-align: center;
}

.modal-select-btn {
	font-weight: bold !important;
}

.modal-student {
	margin-right: 2% !important;
	color: #2980b9 !important;
	border-color: #2980b9 !important;
}

.type-head {
	text-align: center !important;
	font-weight: bold !important;
}

@media screen and (max-width: 520px) {
	.modal-text {
		font-size: 0.8rem !important;
	}
}

@media screen and (max-width: 420px) {
	.type-head {
		font-size: 1.2rem !important;
	}
}

.bold {
	font-weight: bolder !important;
}

.quiz-modal-btn {
	margin-top: 5% !important;

	background-color: orangered !important;
	color: white !important;
	font-family: "Montserrat", sans-serif !important;
	font-weight: bold !important;

	letter-spacing: 2px !important;
}

.quiz-modal-btn:hover {
	background-color: rgb(196, 52, 0) !important;
}

.thanks {
	text-align: center;
}

.thank-text {
	font-weight: bold !important;
}

.view-marks-button {
	margin-top: 5% !important;
	background-color: #2980b9 !important;
	font-family: "Montserrat", sans-serif !important;
	font-weight: bold !important;
	letter-spacing: 2px !important;
}

.view-marks-button:hover {
	background-color: #35a1e9 !important;
}

.marks-btn-text {
	color: white !important;
	font-weight: bold !important;
	margin: 0;
}

.closed-msg {
	font-size: 1.7rem !important;
	font-weight: bold !important;
}

@media screen and (max-width: 550px) {
	.closed-msg {
		font-size: 1.3rem !important;
	}
}