.sm
{
	font-size: 140%;
}

.bg
{
	font-size: 300%;
}

.em
{
	text-shadow: 2px 2px 2px black;
	text-align: center;
}

.boxed
{
	border-radius: 15px;
	border: 2px solid black;
	box-shadow: 3px 3px 3px grey;
	background-color: rgba(224, 224, 224);
	color : black;
	width: 94%;
	text-align: center;
	margin:auto;
	margin-top: 20px;
	padding: 10px;
	padding-bottom: 30px;
	padding-top: 30px;
}

body.night_view
{
	color: rgba(227, 227, 227);
}

div.night_view
{
	background-color: rgba(70, 70, 70);
}

.boxed.night_view
{
	
	border: 2px solid grey;
	color: rgba(227, 227, 227);

}

.highlighted
{
	background-color: rgba(255, 178, 77);
	box-shadow: 0px 0px 7px 2px rgba(255, 145, 0);
	border: 4px solid rgba(227, 130, 2);
	margin-top: 20px;
	margin-bottom: 20px;
}

hr
{
	background-color: orange;
	height: 3px;
	border: none;
	width: 80%;
	margin-top: 20px;
	margin-bottom: 20px;
}

textarea
{
	width: 100%;
	unicode-bidi: plaintext;
	direction: auto;
}

textarea.night_view
{
	background-color: rgba(0, 0, 0);
	color: rgba(253, 228, 228);
}


input.night_view
{
	background-color: rgba(0, 0, 0);
	color: rgba(253, 228, 228);
}

button
{
	padding: 20px;
	border: none;
	border-radius: 20px;
	font-size: 110%;
	text-align: center;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	cursor: pointer;
	user-select: none;
	display: block;
	white-space: normal;
	width: 80%;
}

button.blue_btn
{
	background-color: rgba(35, 98, 247);
	color: white;
	box-shadow: 3px 3px 3px rgba(24, 82, 219, 0.8);
}

button.red_btn
{
	background-color: rgba(247, 35, 35);
	color: white;
	box-shadow: 3px 3px 3px rgba(219, 24, 24, 0.8);
}

button.green_btn
{
	background-color: rgba(5, 171, 16);
	color: white;
	box-shadow: 3px 3px 3px rgba(18, 166, 28, 0.8);
}


button.grey_btn
{
	background-color: rgba(130, 130, 130);
	color: white;
	box-shadow: 3px 3px 3px rgba(97, 96, 96, 0.8);
}

button.yellow_btn
{
	background-color: rgba(255, 191, 0);
	color: black;
	box-shadow: 3px 3px 3px rgba(255, 162, 0, 0.8);
}

button.violet_btn
{
	background-color: rgba(120, 0, 247);
	color: white;
	box-shadow: 3px 3px 3px rgba(92, 4, 186, 0.8);
}

input
{
	width: 85%;
	border: 2px solid black;
	padding: 10px;
	border-radius: 10px;
}

div
{
	margin: auto;
	width: 95%;
}


body
{
	font-size: 120%;
	text-align: center;
	margin: auto;
	white-space: normal;
	font-family: "Arial", "Times New Roman", Times, serif;
	padding: 10px;
}

select
{
	width: 80%;
}

.title
{
	max-width: 60%;
	background-color: rgba(76, 0, 255, 0.5);
	color: white;
	padding: 20px;
	border-radius: 20px;
	border: 3px solid rgba(76, 0, 255);
	margin:auto;
	margin-bottom: 20px;
}