body{margin:0;height:5000px;position:relative;overflow-x:hidden;}.line{position:absolute;right:30px;top:0;width:10px;height:5000px;background-color:yellow;z-index:1;}.marker{position:fixed;right:25px;top:50%;transform:translateY(-50%);width:30px;height:10px;background-color:red;z-index:3;}.circle-container{position:absolute;display:flex;align-items:center;right:25px;}.circle{width:20px;height:20px;background-color:blue;border-radius:50%;transition:width 0.3s ease, height 0.3s ease, margin-right 0.3s ease;z-index:2;}.circle.enlarged{width:40px;height:40px;margin-right:-10px;}.circle-text{margin-right:5px;font-size:14px;color:black;font-family:'Open Sans', sans-serif;}.dynamic-text{position:fixed;top:50%;left:0;right:80px;width:calc(80% - 80px);max-width:calc(100vw - 90px);transform:translateY(-50%) translateY(20px);background-color:rgba(255, 255, 255, 0.9);padding:10px;padding-left:20px;font-size:16px;font-family:'Open Sans', sans-serif;opacity:0;z-index:2;}.dynamic-text.visible{animation:fadeInUp 0.5s ease forwards;}.dynamic-text:not(.visible){animation:fadeOutDown 0.5s ease forwards;}@keyframes fadeInUp{0%{display:block;opacity:0;transform:translateY(-50%) translateY(20px);}100%{display:block;opacity:1;transform:translateY(-50%) translateY(-20px);}}@keyframes fadeOutDown{0%{display:block;opacity:1;transform:translateY(-50%) translateY(-20px);}100%{display:none;opacity:0;transform:translateY(-50%) translateY(20px);}}@media (max-width:768px){.dynamic-text{font-size:14px;width:calc(80% - 70px);max-width:calc(100vw - 80px);padding:8px;padding-left:15px;}.circle-text{font-size:12px;}}@media (max-width:480px){.dynamic-text{font-size:12px;width:calc(80% - 60px);max-width:calc(100vw - 70px);padding:6px;padding-left:10px;}.circle-text{font-size:10px;}}.circle-container:nth-child(3){top:0px;}.circle-container:nth-child(4){top:300px;}.circle-container:nth-child(5){top:600px;}.circle-container:nth-child(6){top:900px;}.circle-container:nth-child(7){top:1200px;}.circle-container:nth-child(8){top:1500px;}.circle-container:nth-child(9){top:1800px;}.circle-container:nth-child(10){top:2100px;}.circle-container:nth-child(11){top:2400px;}.circle-container:nth-child(12){top:2700px;}.circle-container:nth-child(13){top:3000px;}.circle-container:nth-child(14){top:3300px;}.circle-container:nth-child(15){top:3600px;}.circle-container:nth-child(16){top:3900px;}.circle-container:nth-child(17){top:4200px;}.circle-container:nth-child(18){top:4500px;}.circle-container:nth-child(19){top:4800px;}