@charset "utf-8";

--backgroundcolor: #1e90ff; 
html, body {
	 margin: 0px;
	 padding: 0px;
	 border: 0px;
	 color: pink;
	 background: #fff;	 
}
html, body, p, th, td, li, dd, dt {
	font: 1em "Monotype Corsiva", Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Monotype Corsiva", Arial, Helvetica, sans-serif;	
}
h1 { font-size: 3em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em ; }`
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }
a:link { color: pink; text-decoration:none; }
a:visited { color: pink; text-decoration:none;  }
a:hover { color: black; }
a:active { color: pink; }
input {border: 5px solid pink;}
label{color: pink;}

#profilebadge{
	position: absolute;
	right: 50px;
	top: 50px;
	text-align: center;
}

#header{
	height: 200px;
	text-align: center;
	margin-top: 45px;
	color: #bdbdbd;
}

#container {
  display: flex;
  /* border: 1px solid black; */
}
#menu {
    /* border: 1px solid red; */
	width:15%;
}
#right {
    /* border: 1px solid red; */
	width:15%;
}

#content {
    border: 1px solid pink;
    background-size: contain;
	/*height:640px; */
	width:70%;
}
#footer {
    /* border: 1px solid yellow; */
	width:100%;
	height: 100px;
}

.container {
  display: flex;
  /* border: 1px solid black; */
}
.image{
	width:50%;
}

.poem{
	width:50%;
	height:1280px;
	text-align:center;
	color:#bdbdbd;
	font-size:2em;
}

.welcome{
	width:50%;
	height:1280px;
	text-align:center;
	color:pink;
	font-size:2em;
}
#menulist{
	font-size:1.8em;
}
#menulist ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#menulist li a {
  display: block;
  width: 150px;
  background-color: white;
  border-left: 3px solid pink;
  border-right: 3px solid pink;
  border-bottom: 3px solid pink;
  padding:10px;  
}
#menulist li a:hover {
  background-color: #EEE;
  color: white;
}
#menulist li a.active {
  background-color: #4CAF50;
  color: white;
}



#menulist2{
	font-size:1.8em;
}
#menulist2 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#menulist2 li a {
  display: block;
  width: 150px;
  background-color: white;
  border-left: 3px solid pink;
  border-right: 3px solid pink;
  border-bottom: 3px solid pink;
  padding:10px;  
}
#menulist2 li a:hover {
  background-color: #EEE;
  color: white;
}
#menulist2s li a.active {
  background-color: #4CAF50;
  color: white;
}




.menubutton
{
	width: 175px;
	height: 50px;
	background-color: white;
	font-size: 1em;
	color: pink;
	border: 5px solid pink;
}


label {
	display: inline-table;
	width: 150px;
}

.loginForm {
	/* border: 1px solid black; */
	border-radius: 5px;
	width: 80%;
	margin: 100px auto;
	/* background: white; */
	padding: 50px;
}

.submitButton {
	padding: 10px;
	background: white;
	border-radius: 5px;
	margin-left: 71%;
	color: black;
	width: 175px;
	height: 50px;
}


.sun-editor {
width: 1200px !important;

}