*{margin:0;padding:0;z-index:-1}.app-container{position:fixed;top:0;right:0;bottom:0;left:0;transition:background-image 1s ease;background:linear-gradient(0deg,var(--myColor1)0%,var(--myColor2) 40%);transition:--myColor1 1s,--myColor2 1s}@property --myColor1{syntax: "<color>"; initial-value: rgba(34,91,195,1); inherits: false;}@property --myColor2{syntax: "<color>"; initial-value: rgb(32,133,180); inherits: false;}.night{--myColor1: rgba(3,5,99,1);--myColor2: rgba(11,12,15,1)}.sphear{position:absolute;left:50px;top:50px;width:100px;height:100px;display:flex;justify-content:center;align-items:center;background-color:#fcbd46;color:#fff3;border-radius:50%;transition:background-color .5s ease-in-out,left .5s ease-in-out}.moon{background-color:#4e4e4d;left:calc(100% - 150px)}.sun{background-color:#fcbd46;left:50px}.clouds{position:absolute;background-image:url(/assets/clouds-Clvp4rlo.png);animation:animateBG 25s linear infinite;background-size:1000px;width:100%;height:40%;bottom:0}@keyframes animateBG{0%{background-position-x:1000px}}.container{position:fixed;margin:auto;top:0;right:0;bottom:0;left:0;width:fit-content;height:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:center}.button{margin-left:1.3em;border-radius:9px;font-family:Arcade Interlaced,cursive;font-size:52px;background:-webkit-linear-gradient(rgb(255,98,0) 40%,yellow 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.button:hover{transform:scale(1.2)}@media (max-width: 960px){.container{flex-direction:column}.button{margin-top:1em;margin-left:0}}*{margin:0;padding:0}