body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e6e6e6;background:linear-gradient(-45deg,#111,#300,#900,#222,#fc0);background-size:400% 400%;animation:gradientShift 40s ease-in-out infinite;background-attachment:fixed}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root{position:relative;z-index:0;min-height:100vh}*{box-sizing:border-box}main{padding:2rem;max-width:1000px;margin:auto}a{color:#fc0;font-weight:600;text-decoration:none;transition:color .3s ease}a:hover{color:#ffd633;text-decoration:underline}