| body {{ | |
| background-image: url("data:image/png;base64,{background}"); | |
| background-size: cover; | |
| background-repeat: no-repeat; | |
| background-attachment: fixed; | |
| margin: 0; | |
| padding: 0; | |
| height: 100vh; | |
| }} | |
| p {{ | |
| color: black; | |
| font-family: "Google Sans",Roboto,Arial,sans-serif; | |
| font-size: 20px; | |
| }} | |
| div[data-testid="StyledLinkIconContainer"]> a, div[data-testid="StyledLinkIconContainer"]> a > svg {{background-color: rgba(255, 255, 255,0); stroke: rgba(0, 0, 0, 0);}} | |
| #popup {{ | |
| display: none; | |
| background-color: #fff; | |
| border: 1px solid #ccc; | |
| overflow: hidden; | |
| }} | |
| .button-17, div[data-testid = "column"] > div > div> div > div > div > button{{ | |
| align-items: center; | |
| appearance: none; | |
| background-color: #fff; | |
| border-radius: 24px; | |
| border-style: none; | |
| box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px,rgba(0, 0, 0, .14) 0 6px 10px 0,rgba(0, 0, 0, .12) 0 1px 18px 0; | |
| box-sizing: border-box; | |
| color: #3c4043; | |
| cursor: pointer; | |
| display: inline-flex; | |
| fill: currentcolor; | |
| font-family: "Google Sans",Roboto,Arial,sans-serif; | |
| font-size: 14px; | |
| font-weight: 500; | |
| height: 48px; | |
| justify-content: center; | |
| letter-spacing: .25px; | |
| line-height: normal; | |
| max-width: 100%; | |
| overflow: visible; | |
| padding: 2px 24px; | |
| position: relative; | |
| text-align: center; | |
| text-transform: none; | |
| transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1),opacity 15ms linear 30ms,transform 270ms cubic-bezier(0, 0, .2, 1) 0ms; | |
| user-select: none; | |
| -webkit-user-select: none; | |
| touch-action: manipulation; | |
| width: auto; | |
| will-change: transform,opacity; | |
| z-index: 0; | |
| margin: 0 auto; | |
| }} | |
| .button-17, div[data-testid = "column"] > div > div> div > div > div > button:hover {{ | |
| background: #F6F9FE; | |
| color: #174ea6; | |
| }} | |
| .button-17, div[data-testid = "column"] > div > div> div > div > div > button:active {{ | |
| box-shadow: 0 4px 4px 0 rgb(60 64 67 / 30%), 0 8px 12px 6px rgb(60 64 67 / 15%); | |
| outline: none; | |
| }} | |
| .button-17, div[data-testid = "column"] > div > div> div > div > div > button:focus {{ | |
| outline: none; | |
| border: 2px solid #4285f4; | |
| }} | |
| .DidYouKnow_root {{ | |
| box-shadow: rgba(77, 131, 132, 0.1) 0px 0px 0.5px 1px, rgba(0, 0, 0, 0.024) 0px 0.5px 0.9px, rgba(0, 0, 0, 0.035) 0px 1.4px 2.5px, rgba(0, 0, 0, 0.04) 0px 3.3px 6px, rgba(0, 0, 0, 0.06) 0px 11px 20px; | |
| cursor: pointer; | |
| padding: 0.5rem 20px; | |
| background: rgb(255, 255, 255); | |
| border-radius: 2rem; | |
| margin: 1.75em 0px; | |
| max-width: 1000px; | |
| overflow: hidden; | |
| }} | |
| .TextNew {{ | |
| font-size: 20px; | |
| line-height: 1.5; | |
| }} | |
| .DidYouKnow_title {{ | |
| color: rgb(49, 91, 85); | |
| margin: 0px; | |
| user-select: none; | |
| }} | |
| .DidYouKnow_content {{ | |
| color: rgb(14, 17, 23); | |
| margin-top: 0.5rem; | |
| padding: 0px 1rem; | |
| }} | |
| h1,h2,h3,h4 {{ | |
| color:rgb(14, 17, 23); | |
| color: inherit; | |
| text-decoration: none; | |
| cursor: default; | |
| }} | |
| button[data-testid = "baseButton-primary"]{{width: 100%;}} | |
| button[data-testid = "baseButton-secondary"]{{width: 100%;}} | |
| div[data-testid = "stApp"]{{background: None; color: black;}} | |
| div[id^=tabs-bui][id$=-tabpanel-0] > div> div > div > div > div[class = "stMarkdown"] {{padding: 20px; border-radius: 2rem; background: rgba(255,255,255,0.7);}} | |
| div[id^=tabs-bui][id$=-tabpanel-1] > div > div > div > div > div[class = "st-ae"] {{padding: 20px; border-radius: 2rem; background: rgba(255,255,255,0.7);}} | |
| div[id^=tabs-bui][id$=-tabpanel-2] > div > div > div > div > div[class = "st-ae"] {{padding: 20px; border-radius: 2rem; background: rgba(255,255,255,0.7);}} | |
| div[id^=tabs-bui][id$=-tabpanel-2] > div > div > div > div > div > div[id^=tabs-bui][id$=-tabpanel-0] > div> div > div > div > div[class = "stMarkdown"]{{background: rgba(255,255,255,0);}} | |
| div[data-testid = "column"] > div > div> div > div > div > div >p {{text-align: center;}} | |
| div[data-testid = "stButton"] {{text-align: center;}} | |
| div[data-testid = "column"] > div > div> div > div > div > button > div > p {{color: black;}} | |
| div[data-testid = "column"] > div > div> div > div > div > button[kind = "secondary"] > div > p {{font-size: 25px; margin-bottom: 5px}} | |
| svg[xmlns = "http://www.w3.org/2000/svg"]{{stroke: rgba(0, 0, 0, 0.6);}} | |
| div[data-testid = "stButton"] > button > div > p {{color: white; font-size: 15px;}} | |
| header[data-testid = "stHeader"]{{background: rgba(255,255,255,0);}} | |
| div[data-testid = "stDecoration"]{{background: rgba(255,255,255,0);}} | |
| div[data-baseweb = "tab-border"] {{display: none;}} | |
| div[id^=tabs-bui][id$=-tabpanel-0] > div > div > div > div > div[data-testid = "column"] > div > div> div > div > div > button[kind = "primary"] > div > p | |
| {{ | |
| font-size: 20px; | |
| font-weight: bold; | |
| }} | |
| div[data-baseweb="tooltip"] > div {{background-color: rgb(255, 255, 255); border-radius: 2rem; padding: 10px;}} | |
| div[id^=tabs-bui][id$=-tabpanel-4] > div > div > div > div > div > div > div> div > div > div > button[kind = "secondary"] | |
| {{ | |
| background: #6fa861; | |
| }} | |
| div[id^=tabs-bui][id$=-tabpanel-4] > div > div > div > div > div > div > div> div > div > div > button[kind = "secondary"] > div > p | |
| {{ | |
| color: rgb(255, 255, 255); | |
| }} | |
| div[data-testid = "stMarkdownContainer"] > p > a {{color: rgb(0, 0, 0); text-decoration: none; border: 0px; font-size: 18px; }} | |
| div[data-testid = "stMarkdownContainer"] > p > a:hover:active {{border: 1px solid; border-color: rgb(0, 255, 0);}} | |
| div[id^=tabs-bui][id$=-tabpanel-2] > div > div > div > div > div > div > div > div > div > div[data-testid = "stMarkdownContainer"] > p {{text-align: center;}} | |
| div[data-testid="stStyledFullScreenFrame"] > div,div[id^=tabs-bui][id$=-tabpanel-2] > div > div > div > div > div > div[id^=tabs-bui][id$=-tabpanel-0] > div > div > div > div > div > div {{display: grid; place-items: center; text-align: center;}} | |
| div[data-testid="stImage"] {{max-width: 700px; display: grid;}} | |
| .icon2 {{ | |
| background: url("data:image/png;base64,{icon2}"); | |
| height: 40px; | |
| width: 40px; | |
| background-repeat: no-repeat; | |
| display: block; | |
| }} | |
| .icon3 {{ | |
| background: url("data:image/png;base64,{icon3}"); | |
| height: 40px; | |
| width: 40px; | |
| background-repeat: no-repeat; | |
| display: block; | |
| }} | |