DataAnalystDemo / style.css
Vlad Bastina
styles
c934cc9
body {
font-family: 'Inter Tight', Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
text-align: left !important;
}
/* Headings */
h1, h2, h3 {
font-family: "Space Grotesk", sans-serif !important;
font-optical-sizing: auto !important;
font-weight: 500 !important;
font-style: normal !important;
}
h1, h2 {
letter-spacing: -2px !important;
}
h1 {
font-size: 34px !important;
}
h2 {
font-size: 21px !important;
}
h3 {
font-size: 17px !important;
}
h4 {
font-size: 14px !important;
}
/* Butoane */
button,
.myButton {
font-weight: 600 !important;
}
button:hover,
.myButton:hover {
color: #FA6C03 !important;
border-color: #FA6C03 !important;
}
button:focus,
.myButton:focus {
color: #fff !important;
background-color: #FA6C03 !important;
}
/* Buton sidebar */
[data-testid="stSidebar"] .stButton>button {
background-color: #4169E1 !important;
}
/* Bara loading */
.st-emotion-cache-1dp5vir {
background-image: linear-gradient(90deg, rgb(65, 105, 225), rgb(0, 255, 255)) !important;
}
/* Bara stanga */
.st-emotion-cache-vmpjyt {
background-color: #f5f5f5 !important;
}
/* Select */
.st-ae,
.st-az {
font-family: inherit !important;
}
/* File Select */
.st-emotion-cache-1gulkj5 {
background-color: #f5f5f5 !important;
}
.st-emotion-cache-t1wise {
padding: 0 54px;
}
/* Other fonts */
[class^="st-emotion-cache-"] {
font-family: 'Inter Tight', Arial, Helvetica, sans-serif !important;
}
/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
body {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
@media (min-width: calc(736px + 8rem)) {
.st-emotion-cache-t1wise {
padding: 0 54px !important;
}
}
[data-testid="stSidebarContent"] {
border: 1px solid #C0CDF5 !important;
background: white !important;
border-radius: 18px;
}
.st-emotion-cache-11ig4q4 {
background-color: transparent !important;
}
.st-emotion-cache-mtjnbi {
padding: 0 !important;
}
.st-ba {
border-bottom-color: rgba(49, 51, 63, 0.2) !important;
}
.st-b9 {
border-top-color: rgba(49, 51, 63, 0.2) !important;
}
.st-b8 {
border-right-color: rgba(49, 51, 63, 0.2) !important;
}
.st-b7 {
border-left-color: rgba(49,51,63,0.2) !important;
}