*{outline:none;font-family:Poppins,sans-serif}html{height:100%}body{height:100%;margin:0}:root{background:url(/images/background_light.webp) no-repeat center center / cover;--logo: url(/images/logo_light.png);--clock: url(/images/clock_light.png);--background-color: #ffffff;--subheading-text-color: #5d5d5d;--link-color: #3171D3;--timezone-select-background-color: #f4f4f4;--timezone-select-border-color: #e4e3ea;--timezone-select-background-option-color: #fff;--timezone-select-text-color: #212121;--card-color: #f5f3f6;--time-card-heading-text-color: #212121;--time-card-subheading-text-color: #515151;--time-card-border-color-when-is-live: #35dab6;--time-card-text-shadow-when-is-live: none;--local-time-background-color: #d5e2ee;--local-time-background-color-when-is-live: #35dab6;--local-time-color: #212121;--time-border-color: #e4e3ea;--time-background-color: #ffffff;--time-text-color: #212121;--icon: url(/images/sun.png);--icon-position: calc(100% - 14px) ;--icon-rotation: rotate(180deg);--toggle-dark-mode-background-color: #f4f4f4;--toggle-dark-mode-border-color: #c9c8d6;--footer-text-color: #5D5D5D}:root.dark-mode{background:url(/images/background_dark.webp) no-repeat center center / cover;--logo: url(/images/logo_dark.png);--clock: url(/images/clock_dark.png);--background-color: #0e0d18;--subheading-text-color: #b1aeae;--link-color: #77ADFF;--timezone-select-background-color: #201e30;--timezone-select-border-color: #3c3a4d;--timezone-select-background-option-color: #292b2f;--timezone-select-text-color: #ffffff;--card-color: #1b192c;--time-card-heading-text-color: #ffffff;--time-card-subheading-text-color: #b1aeae;--time-card-border-color-when-is-live: #00654f;--time-card-text-shadow-when-is-live: 0px 0px 10px #0ba548;--local-time-background-color: #003265;--local-time-background-color-when-is-live: #00654f;--local-time-color: #ffffff;--time-border-color: #434060;--time-background-color: #26233d;--time-text-color: #ffffff;--icon: url(/images/moon.png);--icon-position: 0%;--toggle-dark-mode-background-color: #35334b;--toggle-dark-mode-border-color: #514f6d;--icon-rotation: rotate(0deg);--footer-text-color: #B1AEAE}