.ThemeArtConteinerWrapper{align-items:flex-start;justify-content:center;height:500px}.ThemeArtConteinerWrapper,.ThemeCard{display:flex;position:relative;overflow:hidden}.ThemeCard{justify-content:flex-end;-webkit-animation:bg-anim 15s ease infinite;animation:bg-anim 15s ease infinite;background-image:linear-gradient(-45deg,#4571d8,#21586f,#666b7a,#2b5ea5);background-size:400% 400%}.ThemeArtConteiner{width:300px;height:525px;overflow:hidden;aspect-ratio:1/1.7}.device,.layer1,.layer2{position:absolute}.layer1,.layer2{left:6%;transform:scale(1.15)}.layer2{opacity:0;transition:4s}.layer1{opacity:1;transition:4s}.moon{transform:translate(-50px,230px);transition:4s}.rising-star{transform:translate(225px,-160px);transition:4s}.sun{transition:5s}.cloud1,.cloud2,.cloud3,.cloud4{transition:4s}.light-mode .layer2{opacity:1}.light-mode .moon,.light-mode .rising-star{transform:none;transition-delay:1s}.light-mode .sun{transform:translate(64px,-290px)}.light-mode .cloud1{transform:translateX(-140px)}.light-mode .cloud2{transform:translateX(-100px)}.light-mode .cloud3{transform:translateX(-200px)}.light-mode .cloud4{transform:translateX(-180px)}.ThemeArtToggle{width:45px;height:24px;position:absolute;right:13px;top:11px;z-index:1;cursor:pointer}:root{--mountainY:0}.mountain3{transform:translateX(29px) scaleX(1.04) translateY(var(--mountainY))}[class*=mountain]{transform:translateY(var(--mountainY));-webkit-animation:goUp 2s both;animation:goUp 2s both}.mountain2{-webkit-animation-delay:.2s;animation-delay:.2s}.mountain3{-webkit-animation-delay:.4s;animation-delay:.4s}.mountain4{-webkit-animation-delay:.6s;animation-delay:.6s}.mountain5{-webkit-animation-delay:.8s;animation-delay:.8s}.mountain6{-webkit-animation-delay:1s;animation-delay:1s}.mountain7{-webkit-animation-delay:1.2s;animation-delay:1.2s}.right{-webkit-animation:goLeft 2s .2s both;animation:goLeft 2s .2s both}.tree{-webkit-animation:goUp 2s both;animation:goUp 2s both}.sun{-webkit-animation:fadeIn 2s 2s both;animation:fadeIn 2s 2s both}.sky{-webkit-animation:sky 2s 2s both;animation:sky 2s 2s both}.m3{transform:translateX(26px) scaleX(1.1)}@-webkit-keyframes goUp{0%{transform:translateY(200px)}}@keyframes goUp{0%{transform:translateY(200px)}}@-webkit-keyframes sky{0%{transform:scale(2)}}@keyframes sky{0%{transform:scale(2)}}@-webkit-keyframes fadeIn{0%{opacity:0}}@keyframes fadeIn{0%{opacity:0}}@-webkit-keyframes goLeft{0%{transform:translateX(200px)}}@keyframes goLeft{0%{transform:translateX(200px)}}@-webkit-keyframes bg-anim{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes bg-anim{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:470px){.ThemeArtConteinerWrapper{width:100%;height:450px}.layer1,.layer2{transform:scale(1.72);left:21%;top:-30%}.ThemeCard{width:100%}}@media (max-width:400px){.layer1,.layer2{transform:scale(1.47);left:15%}}@media (max-width:340px){.layer1,.layer2{transform:scale(1.22);left:8%;top:-27%}.ThemeCard{width:100%}}.body-wrapper{font-family:Outfit,sans-serif;background:linear-gradient(135deg,#3a3897,#2c2a72 40%,#1a1a4e)}.weather-widget:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0,rgba(255,255,255,0) 70%);animation:shimmer 15s linear infinite;pointer-events:none;z-index:1}@keyframes shimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.weather-icon-main{filter:drop-shadow(0 0 12px rgba(220,220,255,.5));animation:floating 3.5s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}#cloud-container{pointer-events:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{opacity:0;animation:fadeInUp .6s ease-out forwards}@keyframes fadeInScaleUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fadeInScaleUp{opacity:0;animation:fadeInScaleUp .7s ease-out forwards}@keyframes gentleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-gentleBob{animation:gentleBob 2.5s ease-in-out infinite}.sun-info .sunrise:hover .sun-icon,.sun-info .sunset:hover .sun-icon{transform:rotate(15deg) scale(1.15)}.sun-icon{transition:transform .3s ease-in-out}.forecast-day:hover{box-shadow:0 0 25px rgba(255,255,255,.1),0 4px 10px rgba(0,0,0,.2)}.forecast-day:hover .forecast-icon{transform:scale(1.2) translateY(-2px);transition:transform .3s ease-out}.forecast-day .forecast-icon{transition:transform .3s ease-out}.delay-100{animation-delay:.1s!important}.delay-200{animation-delay:.2s!important}.delay-300{animation-delay:.3s!important}.delay-400{animation-delay:.4s!important}.delay-500{animation-delay:.5s!important}.delay-600{animation-delay:.6s!important}.delay-700{animation-delay:.7s!important}