*,*:before,*:after{box-sizing:border-box}body{margin:0;width:100%;background:#ede3d787;height:100vh;color:#ededed;font-family:ui-monospace,sans-serif;font-size:16px}#root{height:100%}.app{width:100%;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:space-between}.app h1{font-size:1.5rem;margin:0 auto 20px;text-align:center;border-bottom:1px solid #ffffff;width:fit-content}.app p{margin:10px 0 0;text-align:center}.app>div:last-child{margin-top:10px}.app p:first-child{margin-top:0}.demo-header{background-color:#7c7367;width:100%;padding-bottom:24px;padding-top:24px;box-shadow:0 1px 10px #0006}.demo-block{color:#2d2926;background-color:#f2e7d938;width:100%;box-shadow:0 0 10px #0000001a;padding:24px}@media(max-width:767px){.demo-block{padding-left:10px;padding-right:10px}}