body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f3f3;margin:0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.container{flex-direction:column;width:100%;max-width:28rem;margin-top:3rem;margin-left:auto;margin-right:auto;display:flex}input{appearance:none;box-sizing:border-box;color:#000;background-color:#fff;border:0 solid;border-radius:.5rem;width:100%;margin:.5rem 0;padding:.5rem .875rem;font-size:16px;box-shadow:0 0 #000,0 0 #000,0 0 #000,0 0 #000,0 1px 2px #0000000d}input:hover{box-shadow:0 0 #000,0 0 #000,0 0 #000,0 0 #000,0 1px 3px #0000001a,0 1px 2px #0000000f}input:focus{outline:none}.todo_container{justify-content:space-between;align-items:center;padding:.5rem .875rem;display:flex}.todo{flex-grow:1}.delete_button{appearance:button;background-color:#0000;border:0 solid;margin:0;padding:0;font-size:16px}.delete_button:focus{outline:none}.who_is_here{color:#aaa;align-self:flex-end;font-size:11px}.someone_is_typing{color:#aaa;font-size:11px;position:absolute}.loading{place-content:center;place-items:center;width:100vw;height:100vh;display:flex;position:absolute}.loading img{opacity:.2;width:64px;height:64px}