@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); body, body * { font-family: "Inter", sans-serif !important; } .feature { box-shadow: none !important; border: 1px solid #EBEDF3 !important; border-radius: 5px !important; background: #fff !important; color: #424455 !important; } .feature .featureDate span { color: #6e718d !important; font-size: 12px !important; } .feature .featureFeedback { bottom: 0; background: #ebedf3 !important; } .feature .category { border-radius: 99px !important; color: #424455 !important; font-weight: 600 !important; letter-spacing: .05em !important; } body.standalone h1.headerTitle { font-size: 20px !important; } body.standalone h3.featureTitle, body.standalone h3.featureTitle a { font-size: 24px !important; } #beamerAnnouncementBar, .beamerAnnouncementBar, .beamerAnnouncementBarTop, .beamerAnnouncementBarTopActive { height: 48px !important; background: #c7fae4 !important; background-color: #c7fae4 !important; } .beamerAnnouncementBarContent { background: #c7fae4 !important; background-color: #c7fae4 !important; } .beamerAnnouncementBarText { font-size: 15px !important; color: #424455 !important; } .beamerAnnouncementBarTag { padding: 17px !important; background: rgba(0, 0, 0, 0.1) !important; } .beamerAnnouncementBarTag:after { border-color: rgba(0,0,0,0.1) !important; } /**** Amber's Popup Changes Ya'll! ****/ :root { --white: #fff; --off-white: #f6f7fa; --gray-5: #edeff5; --gray-10: #e4e8f3; --gray-20: #dbe0f0; --gray-40: #a5a9bf; --gray-60: #6e718d; --gray-80: #424455; --rich-black: #011027; --black: #000; --aquamarine: #90f6ca; --aquamarine-hover: #65cc9f; --royal-blue-light: #4582fc; --royal-blue-dark: #135df1; --midnight-indigo: #2d2682; --oxford-blue: #061752; --red: #d80303; --body-font: 'Inter', Arial, Helvetica, sans-serif; } /* Popups */ .boostedAnnouncementPopup { background-color: var(--off-white) !important; font-family: var(--body-font) !important; } .popup .featureTitle { color: var(--oxford-blue) !important; display: block; font: 500 calc(32rem/16)/calc(38/32) var(--body-font) !important; margin-bottom: 24px !important; } .popup .category.color-4, .feature .featureDate .category { border-radius: 4px !important; color: var(--rich-black) !important; display: inline-block !important; font-size: calc(10rem/16); line-height: calc(20/12); padding: 4px 8px !important; } .popup .featureContent h3 { color: var(--rich-black) !important; font: 700 1rem/calc(24/18) var(--body-font) !important; } .popup .featureContent p { color: var(--rich-black) !important; } /* Trigger Button */ #beamerSelector { background-color: #333 !important; }