@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap);.timeline-container{margin:0 auto;max-width:100%;overflow:hidden;padding:2rem}.timeline-title{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.timeline-scroll-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;margin:0 -1rem;overflow-x:auto;overflow-y:hidden;padding:2rem 1rem;scroll-behavior:smooth;scroll-snap-type:x mandatory}.timeline{align-items:flex-start;display:flex;flex-direction:row;gap:40px;min-width:-webkit-max-content;min-width:max-content;padding:1rem 2rem}.timeline-event{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;display:flex;flex:0 0 300px;flex-direction:column;padding:1.5rem;position:relative;scroll-snap-align:center;transition:transform .3s ease}.timeline-event:hover{box-shadow:0 12px 20px #00000026;transform:translateY(-5px)}.timeline-icon{align-items:center;background:#f0f0f0;border-radius:50%;box-shadow:0 4px 8px #0000001a;display:flex;font-size:2rem;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.timeline-content{text-align:center;width:100%}.timeline-period{color:#666;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.timeline-event-title{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.timeline-description{color:#666;font-size:.9rem;line-height:1.6}.timeline-connector{background:linear-gradient(90deg,#ddd,#999);height:3px;position:absolute;right:-40px;top:50%;transform-origin:left;width:40px}.timeline-scroll-container::-webkit-scrollbar{height:8px}.timeline-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.timeline-scroll-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.timeline-scroll-container::-webkit-scrollbar-thumb:hover{background:#555}.timeline-scroll-container:after{animation:bounce 1s infinite;bottom:2rem;color:#666;content:"→";font-size:2rem;pointer-events:none;position:fixed;right:2rem}@keyframes bounce{0%,to{transform:translateX(0)}50%{transform:translateX(10px)}}@media (prefers-reduced-motion:no-preference){.timeline-scroll-container{scroll-behavior:smooth}}.container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.desk{z-index:1}.bulletin-board,.desk{background-position:50%;background-repeat:no-repeat;position:absolute}.bulletin-board{transition:transform .3s ease}.bulletin-board:hover{transform:scale(1.02)}.window-view{background-position:50%;background-repeat:no-repeat;position:absolute;transition:transform .3s ease}.window-view:hover{transform:scale(1.02)}.avatar{background-position:50%;background-repeat:no-repeat;position:absolute;transition:transform .3s ease}.avatar:hover{transform:scale(1.02)}.notebook{background-size:contain;transform:rotate(45deg) scaleX(-1)}.notebook,.octocat{background-position:50%;background-repeat:no-repeat;position:absolute;transition:transform .3s ease}.octocat{background-size:80%}.octocat:hover{transform:scale(1.02)}.bicycle{background-position:50%;background-repeat:no-repeat;background-size:80%;position:absolute;transition:transform .3s ease}.bicycle:hover{transform:scale(1.02)}.interactive-element{cursor:pointer;position:absolute;transition:border-color .3s ease}.interactive-element:hover{filter:drop-shadow(0 0 4px black)}.hover-note{color:#0857a0;font-family:Caveat,cursive;font-size:18px;font-weight:1000;letter-spacing:.5px;min-width:-webkit-max-content;min-width:max-content;pointer-events:none;position:absolute;white-space:nowrap;z-index:6}.arrow{height:70px;position:fixed;width:70px;z-index:5}.arrow>div{height:100%;width:100%}.element-label{color:#333;display:none;font-size:16px;padding:10px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .3s ease forwards}.scale-in{animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}
/*# sourceMappingURL=main.646c2187.css.map*/