.bluetext 
{
  font-family:Arial;
	color:blue;
	text-align:justify;
	background-color: #ffffb3;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
}
.redtext
{
  font-family:Arial;
	color:orangered;
	text-align:justify;
	font-size: 1.5em;
	background-color: #ffffb3;
}
.greentext
{
  font-family:Arial;
	color:green;
	text-align:justify;
	font-size: 1.5em;
	background-color: #ffffb3;
}
.blacktext 
{
  font-family:Arial;
	color:blue;
	text-align:justify;
	background-color: #ffffb3;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
}



.bluesmall 
{
  font-family:Arial;
	color:blue;
	text-align:justify;
	background-color: #ffffb3;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}
.redsmall
{
  font-family:Arial;
	color:orangered;
	text-align:justify;
	font-size: 1em;
	background-color: #ffffb3;
}
.greensmall
{
  font-family:Arial;
	color:green;
	text-align:justify;
	font-size: 1em;
	background-color: #ffffb3;
}

.blacksmall 
{
  font-family:Arial;
	color:black;
	text-align:justify;
	background-color:#ffffb3;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}


.bluemedium 
{
  font-family:Arial;
	color:blue;
	text-align:justify;
	background-color: #ffffb3;
	font-size: 1.25em;
	font-style: normal;
	font-weight: normal;
}
.redmedium
{
  font-family:Arial;
	color:orangered;
	text-align:justify;
	font-size: 1.25em;
	background-color: #ffffb3;
}
.greenmedium
{
  font-family:Arial;
	color:green;
	text-align:justify;
	font-size: 1.25em;
	background-color: #ffffb3;
}

.blackmedium 
{
  font-family:Arial;
	color:black;
	text-align:justify;
	background-color:#ffffb3;
	font-size: 1.25em;
	font-style: normal;
	font-weight: normal;
}

.rcorners {
  border-radius: 25px;
  border: 2px solid
    #555555;
  background: #ffffb3;
  padding: 20px;
}
.rcornersline {
  border-radius: 25px;
  border: 2px solid
    #555555;
  padding: 20px;
}
h1, h2, h3, h4, h5, h6{
  line-height: 30px; 
}
h1, h3, h5
{color:red;}
h2, h4 
{color:blue;}
h6 
{color:green;}

/* styling paper */
#paper {
  /* width: 600px;
  height: 700px;*/
  position: relative;
  margin: 20px auto;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: white;
  box-shadow: 0px 0px 5px 0px #888;
}

/* styling red vertical line */
#paper::before {
  content: '';
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 40px;
  background-color: rgba(255,0,0,0.6);
}

/* styling blue horizontal lines */
#pattern {
  height: 100%;
  background-image: repeating-linear-gradient(white 0px, white 24px, teal 25px);
}

/* styling text content */
#matter {
  padding-top: 4px;
  padding-left: 56px;
  padding-right: 16px;
  line-height: 25px;
  font-family: 'Dancing Script', cursive;
  font-size: 16px;
  color:black;
  letter-spacing: 1px;
  word-spacing: 5px;
}