| |
| |
| |
|
|
| |
| @media screen and (max-width: 768px) { |
| |
| html { |
| -webkit-text-size-adjust: 100%; |
| -ms-text-size-adjust: 100%; |
| text-size-adjust: 100%; |
| } |
| |
| |
| .main .block-container { |
| padding: 1rem 0.5rem !important; |
| max-width: 100% !important; |
| overflow-x: hidden !important; |
| } |
| |
| |
| h1[style*="color: #E50914"], |
| h1[style*="text-align: center"] { |
| font-size: 2rem !important; |
| line-height: 1.2 !important; |
| word-break: break-word !important; |
| overflow-wrap: break-word !important; |
| } |
| |
| |
| h1 { |
| font-size: 1.5rem !important; |
| line-height: 1.3 !important; |
| } |
| |
| h2 { |
| font-size: 1.2rem !important; |
| } |
| |
| h3 { |
| font-size: 1rem !important; |
| } |
| |
| |
| p { |
| font-size: 0.9rem !important; |
| line-height: 1.5 !important; |
| } |
| |
| |
| * { |
| max-width: 100%; |
| overflow-x: hidden; |
| } |
| |
| |
| [data-testid="column"] { |
| width: 100% !important; |
| flex: 1 1 100% !important; |
| min-width: 100% !important; |
| } |
| |
| |
| [data-testid="stMetricValue"] { |
| font-size: 1.3rem !important; |
| } |
| |
| [data-testid="stMetricLabel"] { |
| font-size: 0.75rem !important; |
| } |
| |
| |
| .js-plotly-plot { |
| width: 100% !important; |
| height: auto !important; |
| min-height: 250px !important; |
| } |
| |
| |
| .dataframe { |
| font-size: 0.7rem !important; |
| overflow-x: auto !important; |
| } |
| |
| |
| .stButton > button { |
| width: 100% !important; |
| font-size: 0.85rem !important; |
| padding: 0.4rem !important; |
| } |
| |
| |
| [data-testid="stSidebar"] { |
| width: 100% !important; |
| } |
| |
| |
| .stSelectbox, .stDateInput, .stNumberInput { |
| font-size: 0.85rem !important; |
| } |
| |
| |
| .element-container { |
| margin-bottom: 0.5rem !important; |
| } |
| |
| |
| img { |
| max-width: 100% !important; |
| height: auto !important; |
| } |
| } |
|
|
| |
| @media screen and (min-width: 768px) and (max-width: 1024px) { |
| .main .block-container { |
| padding: 2rem 1rem !important; |
| } |
| |
| [data-testid="column"] { |
| min-width: 45% !important; |
| } |
| |
| h1 { |
| font-size: 2rem !important; |
| } |
| } |
|
|
| |
| @media screen and (min-width: 1024px) { |
| .main .block-container { |
| max-width: 1400px !important; |
| padding: 2rem 3rem !important; |
| } |
| } |
|
|
