html, body { height: 100%; font-family: Kanit, "Open Sans", sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; background-color: #5E4481; color: #777; 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; }

.fs-8 { font-size: 0.5rem; }
.fs-10 { font-size: 0.625rem !important; }
.fs-12 { font-size: 0.75rem; }
.fs-14 { font-size: 0.875rem; }
.fs-16 { font-size: 1rem; }
.fs-18 { font-size: 1.125rem; }
.fs-20 { font-size: 1.25rem; }
.fs-22 { font-size: 1.5rem; }
.fs-24 { font-size: 1.375rem; }
.fs-28 { font-size: 1.75rem; }
.fs-32 { font-size: 2rem; }
.fs-34 { font-size: 2.125rem; }
.fs-36 { font-size: 2.25rem; }
.fs-40 { font-size: 2.5rem; }
.fs-42 { font-size: 2.625rem; }
.fs-44 { font-size: 2.75rem; }
.fs-48 { font-size: 3rem; }
.fs-56 { font-size: 3.5rem; }
.fs-64 { font-size: 4rem; }