@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";body{color:#fff;background:linear-gradient(45deg,#1a1a2e,#16213e,#0f3460,#e94560) 0 0/400% 400%;margin:0;font-family:Poppins,sans-serif;animation:15s infinite gradientBG;overflow-x:hidden}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#app{max-width:900px;margin:40px auto;padding:20px;animation:1s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}header{text-align:center;margin-bottom:50px}h1{text-transform:uppercase;letter-spacing:2px;margin:0;font-size:3em;font-weight:700;animation:.7s cubic-bezier(.215,.61,.355,1) both tracking-in-expand}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}nav{text-align:center;margin-bottom:50px}nav a{color:#e0e0e0;margin:0 15px;font-size:1.1em;text-decoration:none;transition:color .3s,text-shadow .3s}nav a:hover{color:#e94560;text-shadow:0 0 10px #e94560}.blog-post{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:30px;padding:30px;transition:transform .3s;box-shadow:0 8px 32px #0000005e}.blog-post:hover{border-color:#ffffff4d;transform:translateY(-10px)scale(1.02);box-shadow:0 16px 40px #00000080}.blog-post h2{color:#e94560;margin-top:0;font-size:2em}.date{color:silver;margin-bottom:15px;font-style:italic}p{line-height:1.6}.read-more{color:#fff;background-color:#e94560;border-radius:25px;margin-top:20px;padding:10px 20px;font-weight:600;text-decoration:none;transition:background-color .3s,transform .3s;display:inline-block}.read-more:hover{background-color:#ff6683;transform:scale(1.1)}footer{text-align:center;color:silver;margin-top:50px;padding:40px 20px}