body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#0f0;--dark-background-color:#000;--dark-text-color:#0f0;--dark-panel-background:#000;--dark-button-background:#0f0;--dark-button-text:#000;--dark-border-color:#0f0;--dark-icon-color:#0f0;--background-color:var(--dark-background-color);--text-color:var(--dark-text-color);--panel-background:var(--dark-panel-background);--button-background:var(--dark-button-background);--button-text:var(--dark-button-text);--border-color:var(--dark-border-color);--icon-color:var(--dark-icon-color)}body,button,p{color:#0f0;color:var(--text-color)}.text-logo,body,button,p{font-family:AnonPro,monospace}.text-logo{color:#0f0;color:var(--primary-color);font-size:20px;font-weight:700}.App-header{background-color:#000;background-color:var(--panel-background);color:#0f0;color:var(--text-color);justify-content:flex-start;min-height:100vh;padding-top:20px}.logo-container{display:flex;justify-content:center;width:100%}.content-container{align-items:center;display:flex;flex-direction:column;width:100%}.icon-container{align-items:center;display:flex;justify-content:space-between;left:20px;position:fixed;right:20px;top:10px;z-index:1000}.custom-button{font-size:25px}.custom-button,.mode-toggle{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center}.mode-toggle{font-size:23px}.tweet-feed{margin:20px auto;max-width:600px;padding:0 20px;width:100%}.tweet-item{background-color:#000;background-color:var(--panel-background);border-bottom:1px solid #0f0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;padding:15px}.tweet-header{align-items:center;display:flex;margin-bottom:10px}.tweet-avatar{border-radius:50%;height:48px;margin-right:10px;width:48px}.tweet-user-info{display:flex;flex-direction:column}.tweet-username{color:#0f0;color:var(--text-color);font-size:16px;font-weight:700}.tweet-handle{margin-top:2px}.tweet-handle,.tweet-timestamp{color:#0f0;color:var(--icon-color);font-size:14px}.tweet-timestamp{margin-left:5px}.tweet-text{color:#0f0;color:var(--text-color);font-size:16px;margin-bottom:10px;white-space:pre-wrap;word-break:break-word}.tweet-actions{display:flex;justify-content:space-between;max-width:300px;padding-top:5px}.tweet-action-item{align-items:center;color:#0f0;color:var(--icon-color);cursor:pointer;display:flex}.tweet-action-item span{font-size:14px;margin-left:5px}.tweet-action-item:hover{color:#0f0;color:var(--primary-color)}.generated-tweet-container{margin:0 auto;max-width:600px;padding-top:20px;width:100%}.tweet-button.generate-button,.tweet-form{border:1px solid #0f0;border:1px solid var(--border-color);border-radius:20px;margin:10px auto;max-width:600px;padding:10px;width:100%}.tweet-form textarea{background-color:#000;background-color:var(--panel-background);border:none;color:#0f0;color:var(--text-color);font-family:AnonPro,monospace;font-size:16px;line-height:20px;outline:none;padding:10px;resize:none;width:100%}.tweet-form textarea::-webkit-input-placeholder{color:#0f0;color:var(--icon-color)}.tweet-form textarea::placeholder{color:#0f0;color:var(--icon-color)}.tweet-button{background-color:#0f0;background-color:var(--button-background);border:1px solid #0f0;border:1px solid var(--button-background);border-radius:30px;color:#000;color:var(--button-text);cursor:pointer;font-size:16px;margin:5px 0;max-width:600px;padding:10px;text-align:center;width:100%}.tweet-button:hover{background-color:#1a8cd8}@media only screen and (max-width:768px){.generated-tweet-container,.tweet-button,.tweet-feed,.tweet-form,.tweet-item{width:100%}.tweet-avatar{height:40px;width:40px}.tweet-username{font-size:14px}.tweet-handle-container{display:flex;flex-direction:row}.tweet-handle,.tweet-timestamp{font-size:12px}.tweet-text{font-size:14px}.tweet-action-item span{font-size:12px}}.App{background-color:#000;background-color:var(--background-color);color:#0f0;color:var(--text-color);justify-content:center;min-height:100vh}.App,.App-header{align-items:center;display:flex;flex-direction:column}.App-header{padding:20px;width:100%}.App-logo{height:60px;margin-bottom:20px}@media (max-width:768px){.App-logo{height:40px}}
/*# sourceMappingURL=main.b7cb21e9.css.map*/