File size: 1,154 Bytes
9e06f4e 573a932 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 | 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;
}
} |