body{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:800;font-size:x-large;height:100vh;overflow:hidden}.weatherContent{z-index:2;position:fixed;border:2px solid white;border-radius:10px;padding:30px;transition-delay:2s ease-in;width:400px;margin:0 auto;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}.weatherContent:hover{transition-delay:5s ease-in;background:linear-gradient(to right,#000,#1f0029);-webkit-background-clip:text;background-color:#111414;color:transparent}body{background-image:linear-gradient(#a9c6dd,#429ec3,#3892e0)}.weatherContent:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e1d8b199;border-radius:10px;z-index:-1;pointer-events:none}.content{z-index:-1;display:flex;flex-direction:column;gap:99px;position:absolute;left:0;top:0;width:100%;overflow:hidden}.sq1{width:40px;height:40px;border:2px solid rgb(232,210,110);background-color:#e1debf;position:relative;animation:move 7s linear infinite}.sq2{width:40px;height:40px;border:2px solid rgb(232,210,110);background-color:#e1debf;position:relative;animation:move 7s linear infinite;animation-delay:1s}.sq3{width:40px;height:40px;border:2px solid rgb(232,210,110);background-color:#e1debf;position:relative;animation:move 7s linear infinite;animation-delay:2s}.sq4{width:40px;height:40px;border:2px solid rgb(232,210,110);background-color:#e1debf;position:relative;animation:move 7s linear infinite;animation-delay:3s}.sq5{width:40px;height:40px;border-radius:2px;border:2px solid rgb(232,210,110);background-color:#e1debf;position:relative;animation:move 7s linear infinite;animation-delay:4s}.sq6{width:40px;height:40px;border:2px solid rgb(232,210,110);background-color:#e1debf;position:relative;animation:move 7s linear infinite;animation-delay:5s}@keyframes move{0%{left:0;transform:rotate(0)}25%{left:25%;transform:rotate(90deg)}50%{left:50%;transform:rotate(180deg)}75%{left:75%;transform:rotate(270deg)}to{left:100%;transform:rotate(360deg)}}