:root{--color-white:#f9fafa;--color-black:#141518;--color-blue:#1a9ff0;--color-darkBlue:#073d5d;--color-grey:#dee0e0;--color-darkGrey:#969696;--color-red:#cc473d;--color-green:#7aa300;--color-yellow:#fff6b0;--color-shadow:#0003;--size-avatar:38px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#073d5d;background:var(--color-darkBlue);color:#f9fafa;color:var(--color-white);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}button{background-color:initial;border:0;color:#f9fafa;color:var(--color-white);cursor:pointer;outline:0}.app{background-color:#f9fafa;background-color:var(--color-white);box-shadow:0 5px 30px 0 #0003,0 5px 20px 0 #00000030;display:flex;flex-direction:column;height:100vh;max-width:500px;width:100vw}.header{background-color:#141518;background-color:var(--color-black);padding:8px}.header,.logo{align-items:center;display:flex;justify-content:space-between}.logo{cursor:pointer}.logo-img{height:32px;width:32px}.logo-name{font-size:2rem;margin:8px}.logo-user{color:#1a9ff0;color:var(--color-blue);font-size:.7rem;padding-top:8px}.menu,.menu-item{color:#f9fafa;color:var(--color-white)}.banner,.menu-item{font-weight:700}.banner{font-size:1rem;margin:8px;padding:8px}.banner-red{background-color:#cc473d;background-color:var(--color-red)}.banner-green{background-color:#7aa300;background-color:var(--color-green)}.auth-form{color:#141518;color:var(--color-black);display:flex;flex-direction:column;padding:16px 32px}.form-btn{background:#1a9ff0;background:var(--color-blue);font-size:1.2rem;font-weight:700;padding:4px}.form-btn-small{font-size:.8rem}.auth-form-btn{margin:16px}.form-input{font-size:1rem;margin:4px 0}.form-input:focus{outline:2px dotted #1a9ff0;outline:2px dotted var(--color-blue)}.form-signup{margin-top:8px}.tweets{scrollbar-face-color:#1a9ff0;scrollbar-face-color:var(--color-blue);color:#141518;color:var(--color-black);height:100%;list-style:none;overflow-y:auto;padding:16px;scrollbar-color:#969696;scrollbar-color:var(--color-darkGrey);scrollbar-width:6px}.tweets::-webkit-scrollbar{background-color:#969696;background-color:var(--color-darkGrey);width:6px}.tweets::-webkit-scrollbar-thumb{background-color:#1a9ff0;background-color:var(--color-blue)}.tweets-empty{color:#dee0e0;color:var(--color-grey);font-size:2rem;font-weight:700;text-align:center}.tweet{box-shadow:0 4px 8px 0 #0003;box-shadow:0 4px 8px 0 var(--color-shadow);display:flex;justify-content:space-between;margin-bottom:16px;padding:8px;transition:.3s}.tweet:hover{box-shadow:0 8px 16px 0 #0003;box-shadow:0 8px 16px 0 var(--color-shadow)}.tweet-container{display:flex;width:100%}.avatar-img,.avatar-txt{border-radius:50%;height:38px;height:var(--size-avatar);width:38px;width:var(--size-avatar)}.avatar-txt{background-color:#dee0e0;background-color:var(--color-grey);font-size:1.5rem;font-weight:700;line-height:38px;line-height:var(--size-avatar);text-align:center}.tweet-body{margin:0 8px;width:100%}.tweet-name{font-size:.9rem;font-weight:700}.tweet-date,.tweet-username{color:#1a9ff0;color:var(--color-blue);font-size:.7rem;font-weight:700;margin-left:4px}.tweet-username{cursor:pointer;transition:.2s}.tweet-username:hover{background:#fff6b0;background:var(--color-yellow)}.tweet-date{color:#969696;color:var(--color-darkGrey)}.tweet-form{background-color:#dee0e0;background-color:var(--color-grey);display:flex;padding:4px 16px;width:100%}.tweet-input{margin-right:4px;width:100%}.tweet-action{display:flex;flex-direction:column;justify-content:space-between}.tweet-action-btn{color:#1a9ff0;color:var(--color-blue);font-size:1.1rem;font-weight:700;transition:transform .3s}.tweet-delete:hover{transform:scale(1.5)}.edit-tweet-form-action{float:right;margin-top:4px}.form-btn-cancel,.form-btn-update{background:#1a9ff0;background:var(--color-blue);font-size:.8rem;font-weight:700;padding:4px}.form-btn-cancel{background:#cc473d;background:var(--color-red);margin-left:8px}
/*# sourceMappingURL=main.d1282888.css.map*/