#course_head{
	vertical-align: bottom;
	display: block;
	max-width: 98%;
	min-width: 150px;
	min-height: 150px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 0;
	padding: 0;
	padding-bottom: 0;
}

.coursetable {
    border:#eee 1px solid;
    margin: 10px;
}

.coursetable tr td {
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;
    padding: 10px;
    /* padding-right: 10px; */
}


@media only screen and (max-width: 500px) {
.link {
	padding-top: 15px;
	padding-bottom: 15px;
}
}

.figure {
	font-style: italic;
	font-size: small;
	width:fit-content;
	max-width: 80%;
	text-align: center;
	align-content: center;
	margin: 20px;
	padding: 20px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid rgba(128, 128, 128, 0.494);
	background-color: white;
}

.figure img {
	display: block;
	max-width: 95%;
	max-height: 400px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	padding: 20px;
}

.code {
	display: block;
	width: 800px;
	max-width: 80%;
	min-height: 500px;
	margin: 20px;
	margin-left:auto;
	margin-right:auto;
}

.code iframe {
	display: block;
	width: 95%;
	min-height: 400px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	padding: 20px;
	border: none;
}

.exercise {
	margin:10px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	width: 90%;
	padding:2%;
	border: 1px solid gray;
	
	background-color:rgba(147, 255, 156, 0.15) ;
}

.exercise::before {
	color: rgb(0, 87, 61);
	content: "Exercise. ";
	font-weight: bold;
}

.remark {
	margin:10px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	width: 90%;
	padding:2%;
	/* border: 1px solid gray; */
	font-style: italic;
	background-color:rgba(255, 254, 214, 0.058) ;
}

.remark::before {
	color: rgb(56, 0, 0);
	content: "Remark. ";
	font-weight: bold;
}

.problem {
	margin:10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding:2%;
	border: 1px solid gray;
	background-color:rgba(253, 67, 67, 0.1) ;
}

.problem::before {
	color: rgb(157, 0, 0) ;
	content: "Problem. ";
	font-weight: bold;
}

.definition {
	margin:10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding:2%;
	/* border: 1px solid blue; */
	background-color:rgba(134, 187, 255, 0.15) ;
}

.definition::before {
	color: rgb(0, 46, 107);
	content: "Definition. ";
	font-weight: bold;
}

.theorem {
	margin:10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding:2%;
	/* border: 1px solid blue; */
	background-color:rgba(199, 128, 254, 0.15) ;
}

.theorem::before {
	color: rgb(86, 0, 136);
	content: "Theorem. ";
	font-weight: bold;
}

.example {
	margin:10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding:2%;
	/* border: 1px solid blue; */
	background-color:rgba(0, 0, 0, 0.05); ;
}

.example::before {
	color: rgb(0, 0, 0);
	content: "Example. ";
	font-weight: bold;
}

.hint {
	color: rgba(0,0,0,0);
	font-style: italic;
	font-size: small;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border: 1px dashed rgb(101, 0, 110) ;
}

.hint::before {
	color: rgb(56, 56, 56);
	content: "Hint: ";
	font-weight: bold;
}

.hint:hover {
	color:black;
}

.figure table {
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
}

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
}

td {
	min-width: 20px;
	text-align: center;
}

.alignenv, .alignenv img, .alignenv td {
	max-width: 70%;
	min-width: 50px;
}

.alignenv {
	display: block;
	margin: 20px;
	border: none;
	margin-left: auto;
	margin-right: auto;
}

.alignenv td, .alignenv th {
  border: none;
  padding: 5px;
}

.proof {
	/* height: 40px;
	overflow: hidden; */
	margin-top: 0;
	margin-bottom:10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding:2%;
	/* border: 1px solid blue; */
	background-color:rgba(178, 146, 185, 0.05);
	border-bottom: 2px double rgba(199, 128, 254, 0.554) ;
}

.proof:hover{
	/* height: fit-content; */
}

.proof::before {
	color: rgb(0, 0, 0);
	content: "Proof. ";
	font-weight: bold;
}