:root{--app-width:45rem}html{background-color:#fff;height:100vh;font-family:sans-serif;font-size:16px;display:flex}body{flex:1;margin:0}form{background-color:#d3d3d3;border-radius:.5rem;padding:1rem}fieldset{border:0;flex-direction:column;gap:1rem;margin:0;padding:0;display:flex}button,input[type=submit],select{border-radius:.5rem;width:100%;padding:.5rem;font-size:1rem}button,input[type=submit]{color:#fff;background-color:#00f;border:0}select{background-color:#fff;border:1px solid #a9a9a9}input:disabled{opacity:.5;background-color:gray}#appHeader{color:#fff;background-color:#add8e6;justify-content:center;width:100%;display:flex}#appNav{max-width:calc(var(--app-width) - 2rem);background-color:#00f;width:100%;padding:1rem}#appContainer{justify-content:center;display:flex}#appMain{max-width:calc(var(--app-width) - 2rem);width:100%;padding:1rem}#postsContainer{flex-direction:column;gap:1rem;display:flex}.error{color:red}.post{background-color:#add8e6;border-radius:.5rem;flex-direction:column;gap:1rem;padding:1rem;display:flex}.post p{margin:0}.post>.emoji{font-size:3rem}