html, body { height: 100%; font-family: "Kanit", "Open Sans", sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; background-color: lightsalmon; color: #9871CC; 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; }
pre { white-space: normal; margin-top: 1.5rem; }
p { 	margin-top: 1.5rem; }
.text-left{ text-align: left; }
.bg-main-color{ background-color: #9871CC !important; }
a.bg-main-color:hover, a.bg-main-color:focus, button.bg-main-color:hover, button.bg-main-color:focus {   background-color: #6610f2 !important; }