:root{--speed:15s;--treesize:10vmin}.sunrise-container{position:fixed;inset:0;overflow:hidden}.sunrise-sky{animation:brightsky var(--speed)infinite ease-in-out;background:#333;position:absolute;inset:0}.sunrise-sun{width:10vmin;height:10vmin;animation:sunrise var(--speed)infinite ease-in-out;background:#fff;border-radius:100%;position:absolute;top:60vh;left:-12vmin;box-shadow:inset 0 0 5vmin #f33,inset 2vmin 0 4vmin #f62,inset -2vmin 0 4vmin #f62,0 0 5vmin #f33,0 0 20vmin #f33,0 0 40vmin #f33,0 0 100vmin #f33}.sunrise-ground{height:45vh;animation:lightground var(--speed)infinite ease-in-out;background:#111;position:absolute;bottom:0;left:0;right:0}@keyframes sunrise{0%{opacity:0;top:62vh;left:-12vmin;box-shadow:inset 0 0 5vmin #f33,inset 2vmin 0 4vmin #f62,inset -2vmin 0 4vmin #f62,0 0 5vmin #f33,0 0 20vmin #f33,0 0 40vmin #f33,0 0 100vmin #f33}8%{opacity:1}35%{opacity:1;top:12vh;left:45vw;box-shadow:inset 0 0 5vmin #fff,inset 2vmin 0 4vmin #fc2,inset -2vmin 0 4vmin #fc2,0 0 5vmin #fff,0 0 20vmin #ffd,0 0 40vmin #ffd,0 0 100vmin #fff}70%{opacity:1;top:62vh;left:102vw;box-shadow:inset 0 0 5vmin #f33,inset 2vmin 0 4vmin #f62,inset -2vmin 0 4vmin #f62,0 0 5vmin #f33,0 0 20vmin #f33,0 0 40vmin #f33,0 0 100vmin #f33}78%,to{opacity:0;top:62vh;left:-12vmin}}@keyframes brightsky{0%,to{background:#222}35%,55%{background:#efefff}75%{background:#3c2a46}}@keyframes lightground{0%,to{background:#111}35%,65%{background:#478778}}.sunrise-title{color:#fff;font-family:var(--font-righteous),"Righteous",cursive;text-shadow:0 .35rem 1rem #0006;letter-spacing:-.04em;animation:titleshadow var(--speed)infinite ease-in-out;z-index:5;text-align:center;white-space:nowrap;pointer-events:none;font-size:clamp(1.75rem,9vmin,5.5rem);position:absolute;top:68vh;left:50%;transform:translate(-50%,-50%)}.total-views{z-index:10;color:#fffffff2;text-shadow:0 1px 2px #000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#0000009e;border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:.5rem;margin:0;padding:.65rem 1.1rem;font-size:clamp(.95rem,2.2vmin,1.2rem);font-weight:700;line-height:1;display:inline-flex;position:fixed;top:78vh;left:50%;transform:translate(-50%);box-shadow:0 .75rem 2rem #00000040}.total-views span{color:#fff}@keyframes titleshadow{0%,to{color:#e5e5e5;text-shadow:0 .35rem 1rem #0000008c}35%,65%{color:#fff;text-shadow:0 .35rem 1rem #00000059}}.sunrise-tree{height:calc(3*var(--treesize));width:calc(1.5*var(--treesize));filter:brightness(30%);animation:brighttree var(--speed)infinite ease-in-out;position:absolute;bottom:32vh;left:10vw}.sunrise-tree.t2{bottom:35vh;left:80vw}.sunrise-tree.t3{bottom:15vh;left:3vw}.sunrise-tree.t4{bottom:5vh;left:15vw}.sunrise-tree.t5{bottom:15vh;left:85vw}.sunrise-tree .b,.sunrise-tree .t,.sunrise-tree .m{top:calc(.5*var(--treesize));left:calc(0*var(--treesize));height:calc(1*var(--treesize));width:calc(1*var(--treesize));background:#07734b;border-radius:100%;position:absolute}.sunrise-tree .b,.sunrise-tree .t{top:calc(1.1*var(--treesize));left:calc(.2*var(--treesize));height:calc(.6*var(--treesize));width:calc(.6*var(--treesize))}.sunrise-tree .t{top:calc(.22*var(--treesize))}.sunrise-tree .right{left:calc(.5*var(--treesize));position:absolute}.sunrise-tree .ls,.sunrise-tree .rs{top:calc(.22*var(--treesize));left:calc(.5*var(--treesize));height:calc(1.6*var(--treesize));width:calc(.25*var(--treesize));border-radius:0 0 0 calc(.1*var(--treesize));background:#07734b;position:absolute}.sunrise-tree .rs{left:calc(.75*var(--treesize));border-radius:0 0 calc(.1*var(--treesize))0;background:#14a670}.sunrise-tree .r{background:#14a670}.sunrise-tree .lst,.sunrise-tree .rst{top:calc(.1*var(--treesize));left:calc(.5*var(--treesize));height:calc(.5*var(--treesize));width:calc(.25*var(--treesize));border-left:calc(.25*var(--treesize))solid #07734b;border-radius:calc(1*var(--treesize));background:#14a670;position:absolute}.sunrise-tree .stem{top:calc(1.5*var(--treesize));left:calc(.625*var(--treesize));height:calc(1.5*var(--treesize));width:calc(.25*var(--treesize));border-radius:calc(.1*var(--treesize));border-bottom:calc(.03*var(--treesize))solid #646464e6;background:#967969;position:absolute}@keyframes brighttree{0%,to{filter:brightness(30%)}35%,65%{filter:brightness()}}.sunrise-tree .tshadow{top:calc(2.5*var(--treesize));left:calc(.5*var(--treesize));height:calc(1.75*var(--treesize));width:calc(1*var(--treesize));animation:treeshadow var(--speed)infinite ease-in-out;background:#0003;border-radius:100%;position:absolute;transform:rotate(140deg)}@keyframes treeshadow{0%,to{top:calc(2.5*var(--treesize));left:calc(.5*var(--treesize));height:calc(1.75*var(--treesize));width:calc(1*var(--treesize));background:#0003;border-radius:100%;transform:rotate(140deg)}35%,65%{top:calc(2.7*var(--treesize));left:calc(.25*var(--treesize));height:calc(.6*var(--treesize));width:calc(1*var(--treesize));background:#0000000d;border-radius:100%;transform:rotate(180deg)}}@media (max-width:750px){.sunrise-title{white-space:normal;max-width:90vw;font-size:clamp(1.25rem,7vmin,3rem);top:66vh}.total-views{max-width:90vw;padding:.6rem .9rem;top:77vh}}@media (prefers-reduced-motion:reduce){.sunrise-sky,.sunrise-sun,.sunrise-ground,.sunrise-title,.sunrise-tree,.sunrise-tree .tshadow{animation:none}.sunrise-sky{background:#efefff}.sunrise-ground{background:#478778}.sunrise-tree{filter:brightness()}.sunrise-title{color:#fff;text-shadow:0 .35rem 1rem #00000059}}