body{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.container{padding:2rem 2rem;border-radius:.5rem;border-width:1px;border-style:solid;border-color:#ddd}.hr-sect{display:flex;flex-basis:100%;align-items:center;color:rgba(0,0,0,.35);font-size:12px;margin:8px 0}.hr-sect:after,.hr-sect:before{content:"";flex-grow:1;background:rgba(0,0,0,.35);height:1px;font-size:0;line-height:0;margin:0 16px}.red{color:red}.blue{color:#00f}.black{color:#000}.join{display:block;width:100%;max-width:500px;min-width:200px}