html{height:100%}body{background:var(--background-color);transition:none;height:100%;overflow-x:hidden;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}#root{height:100%;overflow-x:hidden}.app{color:var(--text-color);min-height:calc(100% - 8rem);font-weight:700;text-transform:uppercase;margin:4rem 8rem;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 800px){.app{margin:4rem}}.app-border{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.app-not-border{position:fixed;top:2rem;left:2rem;width:calc(100% - 4rem);height:calc(100% - 4rem);background-color:var(--background-color)}a{color:var(--text-color)}button{font:inherit;text-transform:uppercase;border:none;background:var(--background-color);color:var(--text-color);cursor:pointer;padding:.5rem;border:3px solid var(--text-color)}button:hover{background:var(--text-color);color:var(--background-color)}.nav-links{line-height:.8em;margin-bottom:-.8em;font-size:1.25rem;display:flex;flex-direction:row;justify-content:flex-end;gap:1.2rem}.nav-links a,.nav-links .share-link{text-decoration:none}.nav-links a:hover,.nav-links .share-link:hover{text-decoration:underline}.nav-links .share-link{cursor:pointer}@media (min-width: 800px){.nav-links{margin-right:-4rem}}.countdown-list-section,.countdown-list,.countdown-list-row{width:100%}.countdown-list-row{margin-bottom:1rem;padding-top:1rem;border-top:3px solid var(--text-color);display:flex;flex-flow:row wrap;justify-content:space-between;gap:1rem}.countdown-list-time-stuff{flex:auto}.countdown-list-info{text-align:right;flex:auto}.countdown-list-locations{font-size:3rem;line-height:1em;margin-bottom:1rem;text-align:right;display:flex;flex-flow:column wrap}@media (max-width: 400px){.countdown-list-locations{font-size:2rem}}.countdown-list-timer{font-size:4rem;line-height:1em;margin-bottom:.5rem}@media (max-width: 1200px){.countdown-list-timer{font-size:4rem}}.countdown-list-timezone-name,.countdown-list-timestamp{font-size:1.5rem}.header{width:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin-top:1rem;margin-bottom:1rem;position:relative}@media (min-width: 1200px){.header{margin-bottom:-1rem}}@media (max-width: 500px){.header{margin-bottom:2rem}}.header-title{display:flex;flex-direction:column;gap:.5rem}.yearname{position:absolute;font-size:32rem;opacity:.2;transform:rotate(-5deg) translateY(-.5rem);pointer-events:none}@media (max-width: 1400px){.yearname{font-size:25rem}}@media (max-width: 900px){.yearname{font-size:20rem}}@media (max-width: 600px){.yearname{font-size:16rem}}@keyframes wobble{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}.header-logo{font-size:4rem;line-height:.9em;padding:10px;transform:rotate(10deg)}.header-logo .header-year{margin-left:.4em}.header-logo .header-zone{margin-left:1.8em}.header-description{font-size:3rem}.subtitle{transform:rotate(10deg);font-size:1.5rem}.subtitle-row-2{margin-left:6rem}@media (max-width: 350px){.subtitle-row-2{margin-left:2rem}}.up-next{font-size:3rem;margin-bottom:1rem}.main-up-next{padding-bottom:1rem;border-bottom:3px solid var(--text-color);display:flex;flex-direction:row;justify-content:space-between}.up-next-text{align-self:flex-end}.main-time-zone-name{text-align:right;line-height:1.2em;font-size:1.5rem}.main-time-zone-locations{text-align:right;font-size:4rem;line-height:.9em;margin-bottom:1rem;hyphens:auto;word-wrap:break-word}@media (max-width: 800px){.main-time-zone-locations{font-size:3rem}}@media (max-width: 400px){.main-time-zone-locations{font-size:2rem}}.main-countdown-section{width:100%}.main-countdown-meat{text-align:right}.main-countdown-text{margin-bottom:1rem}.main-countdown .countdown,.main-countdown-text{display:inline-block;line-height:.8em}.main-countdown{margin-bottom:1rem}.main-timestamp{font-size:1.5rem}.happy-new-year-modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--text-color),.5);display:flex;align-items:center;justify-content:center}.happy-new-year-modal{transform:rotate(-2deg) scale(1);background-color:var(--background-color);border:8px solid var(--text-color);padding:2rem;width:calc(100% - 12rem);text-align:center;position:relative;transition:.2s transform;display:flex;flex-direction:column;gap:1rem;z-index:2}@media (max-width: 800px){.happy-new-year-modal{width:calc(100% - 8rem)}}.happy-new-year-title{font-size:8rem;line-height:.9em}@media (max-width: 800px){.happy-new-year-title{font-size:6rem}}@media (max-width: 500px){.happy-new-year-title{font-size:4rem}}@media (max-height: 600px){.happy-new-year-title{font-size:3rem}}.happy-new-year-subtitle{font-size:2rem}.x-button{position:absolute;top:1rem;right:1rem;line-height:.9em;font-size:2rem;cursor:pointer}.fireworks-background{position:fixed;top:0;left:0;width:100%;height:100%;opacity:50%;background:var(--text-color);display:flex;align-items:center;justify-content:center}.fireworks-wrapper{position:fixed;top:50%;left:50%;fill:var(--background-color);width:max(100vh,100vw)}.share-button{align-self:center}.share-button .share{margin-left:.5em}.footer{width:100%;text-align:center;flex-grow:1;display:flex;justify-content:center;align-items:flex-end}:root{--background-color: #ffffff;--text-color: #ffffff}*{margin:0;padding:0;box-sizing:border-box}:root{font-size:16px}@media (max-width: 600px){:root{font-size:14px}}@media (max-width: 450px){:root{font-size:12px}}