.pendant-container{position:fixed;top:60px;left:0;right:0;pointer-events:none;z-index:2;height:0}.pendant{position:absolute;pointer-events:auto;cursor:pointer;transform-origin:top center;transition:transform .1s ease-out}.pendant-box{position:absolute}.pendant-line{position:relative;width:2px;background:linear-gradient(to bottom, #8b5cf6, #a855f7);transform-origin:top center;box-shadow:0 0 4px rgba(139,92,246,.3);z-index:-1}.pendant-body{position:relative;width:60px;height:60px;background:linear-gradient(135deg, #ff6b6b, #feca57);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s ease;border:3px solid rgba(255,255,255,.3);backdrop-filter:blur(5px)}.pendant-body:hover{transform:scale(1.1);box-shadow:0 6px 25px rgba(0,0,0,.3)}.pendant-body::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:#8b5cf6;border-radius:50%;box-shadow:0 0 8px rgba(139,92,246,.5)}.pendant-icon{font-size:24px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative}.pendant-body.type-home{background:linear-gradient(135deg, #667eea, #764ba2)}.pendant-body.type-about{background:linear-gradient(135deg, #f093fb, #f5576c)}.pendant-body.type-contact{background:linear-gradient(135deg, #4facfe, #00f2fe)}.pendant-body.type-blog{background:linear-gradient(135deg, #43e97b, #38f9d7)}.pendant-body.type-portfolio{background:linear-gradient(135deg, #fa709a, #fee140)}@media only screen and (max-width: 800px){.pendant-container{top:51px}.pendant-body{width:50px;height:50px}.pendant-icon{font-size:20px}}@keyframes swing{0%,100%{transform:rotate(0deg)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}.pendant.swinging{animation:swing 2s ease-in-out infinite}.pendant.dragging{z-index:1001}.pendant.dragging .pendant-body{transform:scale(1.2);box-shadow:0 8px 30px rgba(0,0,0,.4)}/*# sourceMappingURL=pendant-style.css.map */