h2
{
position: relative;
padding: 0.2em 0.5em;
font-weight: lighter;
	font-size: x-large;
}


h3
{
	color: #000090;
	font-family: sans-serif;
	font-size: medium;
	margin-top: 2em;

	border-bottom:dotted;
	border-color:#FF0000;
	border-width:1px;
}

h4
{
	color: rgb(0, 0, 0);
	font-family: sans-serif;
	font-size: medium;
	margin-top: 1.5em;
	margin-left: 0em;
}


h5
{
	color: rgb(0, 0, 0);
	font-family: sans-serif;
	font-size: medium;
	margin-top: 1.5em;
	margin-left: 0em;
}



pre {
	color: black;
	background-color:#f8f8f0;
	line-height: 100%;
	text-indent: 0px;

	overflow: auto;
	white-space: normal;
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	border : 2px solid #000000;
	padding:5px;
	margin:5px;
}

code
{
	font-family: monospace;
	font-weight: bolder; 
}


p
{
	line-height: 150%;
	margin: 1em;
}



.quiz
{
	line-height: 150%;
	margin: 1em;
	color: black;
	background-color : #AAFFDD
}


.hw
{
	line-height: 150%;
	margin: 1em;
	color: black;
	background-color : #FFFF00
}


table, td, tr, th
{
	border: 1px #000000 solid;
	color: black;
	line-height: 150%;
	margin-top: 1em;
	margin-left: 1em;
	border-collapse: collapse;
	padding: .5em;
}

/*
ul, ol
{
	color: black;
	line-height: 175%;
	margin-top: .25em;
	margin-bottom: .25em;
}
*/

code
{
	color: blue;
	line-height: 125%;
	text-indent: 0em;
	font-family: monospace;
	font-size: 12pt;
	margin-top: 0px;
	margin-left: 0em;
}






input {
  display: none;
}
label {
  cursor: pointer;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 4px;
  background: #0090aa;
  color: #ffffff;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

label:hover {
  background: #8090aa;
}

.panel {
  -webkit-transition: .5s ease;
  transition: .5s ease;
  height: 0;
  overflow: hidden;
  margin-top: 0px;
  padding: 0;
}

input:checked + .panel {
  height: auto;
  padding: 5px;
}









.reference {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.reference .title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #ffffff;
    color: #95ccff;
    font-weight: bold;
}
.reference .p {
    margin: 0; 
    padding: 0;
}





.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}