.animated-box{width:1000px;height:355px;background-color:#223650;border-radius:200px;display:flex;align-items:center;justify-content:center;color:#333;transition:all .5s ease;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.animated-box:hover{color:#fff;transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.animated-box:before{display:none}.animated-box-content{position:relative;z-index:2;pointer-events:none}.animation-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity 2.5s ease;background-color:#1f2937;padding:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.animated-box:hover .animation-container{opacity:1}.animation-container:after{content:"";position:absolute;inset:0;z-index:3;opacity:0;transition:opacity .4s ease;background:radial-gradient(circle 10px,rgba(225,83,58,0) 0,rgba(225,83,58,.35) 35%,rgba(225,83,58,.65) 45%,rgba(225,83,58,.75) 65%,rgba(225,83,58,.8) 85%)}.animated-box:hover .animation-container:after{opacity:1}.column{height:100%;overflow:hidden;position:relative}.scroll-track{display:flex;flex-direction:column;gap:1rem}.scroll-track.down{animation:slideDown 90s linear infinite}.scroll-track.up{animation:slideUp 90s linear infinite}.image-item{width:100%;height:250px;-o-object-fit:fit;object-fit:fit;background-color:#fff}@keyframes slideDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;justify-content:center;z-index:20;pointer-events:none}.center-content,.github-button{display:flex;align-items:center}.github-button{background-color:#000;color:#fff;gap:10px;padding:12px 24px;border-radius:30px;text-decoration:none;font-size:16px;font-weight:600;pointer-events:auto;transition:transform .2s ease,background-color .2s ease;box-shadow:0 4px 10px rgba(0,0,0,.3);margin-top:25px}.github-button:hover{background-color:#333;transform:scale(1.05);color:#fff}.text-content{position:absolute;top:100%;margin-top:15px;display:flex;align-items:center;gap:10px;color:#fff;font-size:.9rem;font-weight:300;text-shadow:0 2px 4px hsla(0,0%,73%,.5);white-space:nowrap}.logo-image{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.headline-text{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none}.headline-text-style{color:#fff;font-weight:100;font-size:3rem;margin:0;text-shadow:0 2px 4px hsla(0,0%,73%,.5)}