.hero{position:relative;overflow:hidden}.hero .hero-body{z-index:10}.hero .hero-body h1{font-size:2em}.hero .circle{border-radius:50%;position:absolute;z-index:1}.hero .circle.circle-1{width:800px;height:800px;top:5%;left:5%;background-color:var(--primary-color);opacity:80%;filter:blur(80px);animation:moveBlue 20s infinite alternate}.hero .circle.circle-2{width:330px;height:330px;top:60%;right:20%;background-color:var(--accent-color);filter:blur(50px);animation:moveYellow 38s infinite alternate}@media screen and (min-width:1000px){.hero h1{font-size:4em}}@keyframes moveBlue{0%{top:10%;left:5%}20%{top:20%;left:30%}40%{top:20%;left:20%}60%{top:30%;left:10%}80%{top:0%;left:10%}100%{top:10%;left:30%}}@keyframes moveYellow{0%{top:30%;right:2%}14%{top:30%;right:20%}28%{top:50%;right:5%}42%{top:70%;right:15%}56%{top:20%;right:30%}70%{top:70%;right:2%}84%{top:40%;right:25%}100%{top:60%;right:2%}}