body,html{padding:0;margin:0;width:100%;overflow-x:hidden}.animated-gradient{width:100%;min-height:100vh;background-size:cover;background-position:50%}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient{background:linear-gradient(136deg,#4484ce,#1ad7c0,#ff9b11,#9b59b6,#ff7f7f,#ecf0f1);background-size:1200% 1200%;animation:gradient 20s ease infinite}@media (max-width:768px){.animated-gradient{padding:0;margin:0}}.progress-bar{height:24px;color:#fff;text-align:center;line-height:24px;background-color:#4169e1;border-radius:10px}@keyframes fillEffect{0%{width:0}to{width:var(--targetWidth)}}