html, body { height: 100%; font-family: "Kanit", "Open Sans", sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; background-color: #83b582; color: #0f5132; font-weight: 300; }
h1 { font-weight: lighter; letter-spacing: 0.8; font-size: 3rem; margin-top: 0; margin-bottom: 0; color: #222; }
.wrap { max-width: 1024px; margin: 5rem auto; padding: 2rem; background: #fff; text-align: center; border: 1px solid #efefef; border-radius: 0.5rem; position: relative; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
pre { white-space: normal; margin-top: 1.5rem; }
p { 	margin-top: 1.5rem; }
.text-left{ text-align: left; }
.bg-main-color{ background-color: #83b582 !important;  }
a.bg-main-color:hover, a.bg-main-color:focus, button.bg-main-color:hover, button.bg-main-color:focus {   background-color: #1a531b !important; }