@keyframes animatedText{0%{width:0}to{width:100%}}@keyframes move{0%{left:0}to{left:100%}}main{margin-inline:auto;margin-top:100px}main h1{text-align:center}main h1,main section{margin-bottom:40px}main h2{margin-bottom:10px}main>h1,main h2{text-transform:capitalize}main .text-container{width:0;overflow:hidden;display:inline-block;white-space:nowrap;padding-right:15px;border-right:2px solid darkgrey;animation:animatedText 5s steps(33) infinite}main .animated-text{font-size:1.3rem}main .circle-container{position:relative;height:150px}main .circle-container .move-circle{height:50px;width:50px;border-radius:50%;background-color:#daa520;position:absolute;top:50%;animation:move 5s linear infinite}main button{padding:10px 20px;font-size:1.2rem;border:2px solid lightgreen;transition:background-color .2s ease,transform .2s ease;cursor:pointer}main button:hover{background-color:#90ee90;transform:scale(1.1)}