body{color:#333;background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 50% 100%);margin:0;padding:0;font-family:Open Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rainbow{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.float-animation{animation:3s ease-in-out infinite float}.rainbow-animation{animation:3s linear infinite rainbow}#hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:2rem;display:flex;box-shadow:0 15px 35px rgba(0,0,0,.1)}#links{text-align:left;color:#333;flex-direction:column;gap:1rem;width:400px;font-size:x-large;display:flex}#links a{color:#fff;text-align:center;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border:none;border-radius:25px;margin:10px 0;padding:15px 20px;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 8px 15px rgba(0,0,0,.1)}#links a:hover{cursor:pointer;background:linear-gradient(135deg,#4ecdc4,#ff6b6b);transform:translateY(-3px);box-shadow:0 12px 20px rgba(0,0,0,.2)}#header{background:linear-gradient(135deg,#ffeaa7,#fab1a0);border-radius:20px;max-width:1200px;margin:1rem;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1)}#navbar{background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:25px;flex-direction:row;margin:1rem;padding:1rem;display:flex;box-shadow:0 5px 15px rgba(0,0,0,.1)}#navbar a{color:#333;border-radius:15px;margin-right:20px;padding:.5rem 1rem;font-weight:700;text-decoration:none;transition:all .3s}#navbar a:hover{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.2)}#blog{background:linear-gradient(135deg,#ffeaa7,#81ecec);border-radius:20px;margin-top:50px;padding:2rem;box-shadow:0 10px 25px rgba(0,0,0,.1)}#blog a{color:#333;margin-top:50px;font-weight:700;text-decoration:none;transition:all .3s}#blog a:hover{color:#ff6b6b;transform:translateY(-2px)}#echo{background:linear-gradient(135deg,#a8edea,#fed6e3);border:4px solid #fff;border-radius:25px;width:360px;margin-top:50px;margin-left:auto;margin-right:auto;padding:30px;box-shadow:0 15px 35px rgba(0,0,0,.1)}#echo>h4{color:#333;text-align:center;margin:0 0 15px;font-size:1.2rem;font-weight:700}#echo>input{color:#333;box-sizing:border-box;background:#fff;border:2px solid #ff6b6b;border-radius:15px;outline:none;width:100%;padding:12px 15px;font-size:1rem;transition:all .3s;display:block;box-shadow:0 5px 15px rgba(0,0,0,.1)}#echo>input:focus{border-color:#4ecdc4;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}#echo>p{color:#333;text-align:center;margin:20px 0 0 auto;font-weight:700}.weather-icon{font-size:3rem;animation:2s ease-in-out infinite float;display:inline-block}.colorful-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9a9e,#fecfef,#fecfef);border:none;border-radius:25px;padding:12px 24px;font-weight:700;transition:all .3s;box-shadow:0 8px 15px rgba(0,0,0,.1)}.colorful-button:hover{background:linear-gradient(135deg,#fecfef,#ff9a9e,#fecfef);transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.2)}.bounce-in{animation:.8s ease-out bounce-in}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}