body { font-family: LinLibertine, NotoTamSerifFont; zoom: 100%; }

.main_page { text-align: center; }

#iText { color:darkslategray; }

#oText { color: darkgreen; }

#customcss { display: none; }
#cstyleArea { color: darkgreen; }

p { text-align: justify; width: 80%; margin-left: 10%; }

.sBtn { color: black !important; background: lawngreen; padding: 10px; border-radius: 10px; display: inline-block; border: none;
	transition: all 0.4s ease 0s; margin: 0 auto; display:block;
      }

.sBtn:hover { color: white !important; background: grey; letter-spacing: 1px; -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
              -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); box-shadow: 5px 40px -10px rgba(0,0,0,0.57); transition: all 0.1s ease 0s;
	    }

body { font-family: LinLibertine, NotoTamSerif; }
h1, h2, h3, h4, h5 { break-after: avoid; }

#imgLoaded img {
    display: none;
    text-align; left;
    vertical-align: middle;
    height: 200px;
}

#imgLoaded div {
    margin-bottom: 1em;
}

div.file {
    text-align: right;
}

#colorpickers { display: none; }


p:first-of-type::first-letter {
  color: #903;
  float: left;
  font-size: 30pt;
  line-height: 20pt;
  padding-top: 5px;
  padding-right: 8px;
  padding-left: 3px;
}