.hero{display:flex;min-height:210px}.hero img{flex-grow:1;max-width:647px;max-height:210px}.hero-text{padding-left:8px;padding-bottom:8px;display:flex;gap:8px;flex-direction:column;border-bottom:1px #ccc dotted}.hero-text a,.hero-text button{flex-grow:1}.features{display:flex;flex-wrap:wrap;justify-content:space-around;gap:8px}.feature{flex:1 1 200px;background:#f2f2f2;border:1px solid #ccc;padding:16px;text-align:center;text-shadow:1px 0 0 #f2f2f2,0 1px 0 #f2f2f2,0 -1px 0 #f2f2f2,-1px 0 0 #f2f2f2,1px 1px 0 #f2f2f2,-1px -1px 0 #f2f2f2,-1px 1px 0 #f2f2f2,1px -1px 0 #f2f2f2;background-position:bottom right;background-repeat:no-repeat}.preview{padding:8px 0;border-bottom:1px dotted #ccc}.post-list{display:flex;overflow-x:auto;gap:8px}.post{break-inside:avoid;min-width:240px;max-width:380px;width:max-content;height:61px;display:flex;border:1px solid #ccc;padding:8px;flex:0 0 auto;overflow-y:hidden}.avatar{width:61px;height:61px;border:#ccc 1px solid;padding:2px;box-sizing:border-box}.cta{padding:24px;text-align:center;background-color:#fefddf;display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;position:relative;overflow:hidden}#cta-highlight-wrapper{display:inline-block;transition:width .3s steps(6)}#cta-highlight{text-wrap:nowrap}#signup-prompt{display:flex;gap:8px}#signup-prompt a,#signup-prompt button{padding:24px 0;width:200px;font-size:18px;cursor:pointer}#username-entry{min-width:410px;display:none;gap:8px}#username-entry input{padding:0 8px;box-sizing:border-box;width:200px;font-size:18px;flex:1}#username-entry button{padding:24px 16px;min-width:130px;font-size:18px;cursor:pointer}@media (max-width:900px){.hero{flex-direction:column}.hero img{max-width:100%;max-height:none}.hero-text{padding-left:0}.hero-text a,.hero-text button{padding:8px}}main{padding-top:8px;height:100%;display:flex;flex-direction:column;padding-bottom:0}