| body { | |
| font-family: 'Satoshi', sans-serif; | |
| background-color: white; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| text-align: center; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .main { | |
| background-color: white; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| flex-direction: column; | |
| width: 100%; | |
| padding: 2rem; | |
| } | |
| .stButton>button { | |
| background-color: #ff4d94; | |
| color: white; | |
| width: 100%; | |
| margin-bottom: 0.5rem; | |
| } | |
| .stTextInput>div>div>input { | |
| background-color: #ff99c2; | |
| color: white; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .stTextArea>div>textarea { | |
| background-color: #ff99c2; | |
| color: white; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .stSubheader, .stText, .stHeader, h1, h2 { | |
| color: #b30047; | |
| } | |
| @media (max-width: 768px) { | |
| .stApp { | |
| padding: 1rem; | |
| } | |
| .stTextInput>div>div>input, .stTextArea>div>textarea { | |
| width: 100%; | |
| } | |
| .stButton>button { | |
| font-size: 1rem; | |
| padding: 0.75rem 1.5rem; | |
| } | |
| .stHeader, .stSubheader { | |
| font-size: 1.25rem; | |
| } | |
| .stText { | |
| font-size: 1rem; | |
| } | |
| } |