@keyframes bg-color-cycle{0%,20%{background-color:var(--c1)}25%,45%{background-color:var(--c2)}50%,70%{background-color:var(--c3)}75%,95%{background-color:var(--c4)}100%{background-color:var(--c1)}}.outer{position:absolute;height:50%;width:50%}.outer.top__left,.outer.top__right{top:0;overflow:hidden}.outer.bottom__left,.outer.bottom__right{bottom:0;overflow:hidden}.outer.bottom__left,.outer.top__left{left:0}.outer.top__right,.outer.bottom__right{right:0}.outer.top__left{--c1: #566236;--c2: #F5D650;--c3: #F7BBB9;--c4: #4172D1;background-color:var(--c1);animation:bg-color-cycle 10s linear infinite}.outer.top__left .inner{--c1: #778142;--c2: #FFED9A;--c3: #EE786C;--c4: #3A4289;background-color:var(--c1);animation:bg-color-cycle 10s linear infinite;left:clamp(25px,25px + 15*(100vw - 992px)/208,40px);top:clamp(25px,25px + 15*(100vw - 992px)/208,40px)}.outer.top__right{--c1: #9C9847;--c2: #D1A135;--c3: #D34333;--c4: #B1CBF0;background-color:var(--c1);animation:bg-color-cycle 10s linear infinite}.outer.top__right .inner{--c1: #C3BE80;--c2: #EAC350;--c3: #982F35;--c4: #7C9CD5;background-color:var(--c1);animation:bg-color-cycle 10s linear infinite;right:clamp(25px,25px + 15*(100vw - 992px)/208,40px);top:clamp(25px,25px + 15*(100vw - 992px)/208,40px)}.outer.bottom__left{--c1: #C3BE80;--c2: #EAC350;--c3: #982F35;--c4: #7C9CD5;background-color:var(--c1);animation:bg-color-cycle 10s linear infinite}.outer.bottom__left .inner{--c1: #9C9847;--c2: #D1A135;--c3: #D34333;--c4: #B1CBF0;background-color:var(--c1);animation:bg-color-cycle 10s linear infinite;left:clamp(25px,25px + 15*(100vw - 992px)/208,40px);bottom:clamp(25px,25px + 15*(100vw - 992px)/208,40px)}.outer.bottom__right{--c1: #778142;--c2: #FFED9A;--c3: #EE786C;--c4: #3A4289;background-color:var(--c1);animation:bg-color-cycle 10s linear infinite}.outer.bottom__right .inner{--c1: #566236;--c2: #F5D650;--c3: #F7BBB9;--c4: #4172D1;background-color:var(--c1);animation:bg-color-cycle 10s linear infinite;right:clamp(25px,25px + 15*(100vw - 992px)/208,40px);bottom:clamp(25px,25px + 15*(100vw - 992px)/208,40px)}.outer .inner{position:absolute;height:50vh;width:50vw}.logoblock{background-color:#f1ece9;position:fixed;width:clamp(180px,180px + 80*(100vw - 992px)/208,260px);height:clamp(180px,180px + 80*(100vw - 992px)/208,260px);left:50%;top:50%;transform:translate(-50%, -50%);z-index:99}.logoblock .container{display:flex;flex-direction:column;align-items:center;height:100%}.logoblock svg{max-width:clamp(100px,100px + 22*(100vw - 992px)/208,122px);position:relative;margin-top:clamp(70px,70px + 36*(100vw - 992px)/208,106px)}.timer{font-family:"futura-pt";font-size:clamp(16px,16px + 2*(100vw - 992px)/208,18px);line-height:140%;letter-spacing:1px;position:absolute;top:clamp(96px,96px + 46*(100vw - 992px)/208,142px);left:50%;transform:translateX(-50%);display:flex;margin-top:8px;margin-bottom:0}.timer2{font-family:"futura-pt";font-size:clamp(14px,14px + 4*(100vw - 992px)/208,18px);line-height:1;letter-spacing:1px;position:relative;margin-top:clamp(9px,9px + 2*(100vw - 992px)/208,11px);margin-bottom:0}.timer-segment{display:flex}.timer-separator{display:flex;align-items:center;padding-left:clamp(3px,3px + 2*(100vw - 992px)/208,5px);padding-right:5px;position:relative;top:-2px}.flip-container{position:relative;width:11px;height:1.6em;perspective:1000px;overflow:hidden;background:rgba(0,0,0,0)}.flip-digit{font-family:"futura-pt";font-size:clamp(16px,16px + 2*(100vw - 992px)/208,18px);line-height:140%;letter-spacing:1px;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(0.4, 0, 0.2, 1);backface-visibility:hidden}.flip-digit.flip-up{transform:translateY(-100%)}.flip-digit.flip-down{transform:translateY(100%)}.flip-digit.active{transform:translateY(0)}/*# sourceMappingURL=style.css.map */