@import url("https://fonts.googleapis.com/css2?family=Imbue:opsz,wght@10..100,100..900&family=Quicksand:wght@300;500;700&family=Raleway:wght@300;500;700&display=swap");*{box-sizing:border-box}.containers{width:90%;min-width:375px;margin:1rem 0;overflow:hidden;border-radius:20px}.date-timeline-section{position:relative}.rows{display:flex;overflow:hidden;align-items:center}.circle{width:600px;height:600px;background:transparent;border-radius:50%;color:#fff;position:relative;border:2px solid #d6aef1;left:-300px}.date-list-row,.dots-list-row{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dots{position:absolute;top:50%;left:50%;width:16px;height:16px;background:#d6aef1;border-radius:50%;display:inline-block;transition:.4s ease}.dot-active{background-color:#9720e5}.date-list{position:absolute}.date-list,.inner-text{top:50%;left:50%;color:#330662}.inner-text{position:relative;display:inline-flex;gap:10px}.date-list span{display:inline-block}.date{font-weight:900;transition:font-size .6s;color:#d6aef1;will-change:font-size;font-family:imbue}.text{width:100px;word-break:break-word;position:absolute;left:80px;opacity:0;transition:.4s ease;color:#330662}.date-active{color:#9720e5}