Login

Cart

Your cart is empty
/* === Mythic Portal Custom Styles === */ .mythic-portal { max-width: 400px; margin: 0 auto; padding: 20px; text-align: center; } .mythic-portal .btn { display: block; background-color: #3c3d49; color: white; padding: 14px 20px; border-radius: 8px; text-decoration: none; font-weight: 600; margin-bottom: 15px; transition: box-shadow 0.3s ease, background-color 0.3s ease; } .mythic-portal .btn:hover, .mythic-portal .btn:focus { background-color: #5a5c6c; box-shadow: 0 0 12px 2px #b44759; outline: none; } .mythic-portal .social-icons-row { display: flex; justify-content: center; gap: 24px; margin-top: 20px; } .mythic-portal .social-icon img { width: 36px; height: 36px; transition: filter 0.3s ease, transform 0.3s ease; filter: drop-shadow(0 0 0 transparent); } .mythic-portal .social-icon:hover img, .mythic-portal .social-icon:focus img { filter: drop-shadow(0 0 6px #b44759); transform: scale(1.1); outline: none; } /* === Animated Glowing Profile Image === */ .bio-image img { border-radius: 50%; max-width: 120px; box-shadow: 0 0 0 4px #b44759; animation: pulseGlow 3s ease-in-out infinite; } @keyframes pulseGlow { 0% { box-shadow: 0 0 0 4px #b44759; } 50% { box-shadow: 0 0 12px 6px #b44759; } 100% { box-shadow: 0 0 0 4px #b44759; } } /* === Mini Navigation Styles === */ .mini-btn { background-color: transparent; border: 2px solid #3c3d49; color: #3c3d49; padding: 8px 14px; border-radius: 6px; font-size: 0.9rem; font-weight: 600; transition: all 0.3s ease; text-decoration: none; } .mini-btn:hover, .mini-btn:focus { background-color: #3c3d49; color: white; box-shadow: 0 0 8px 2px #b44759; transform: translateY(-2px); } /* === Mini Navigation Buttons === */ .mini-btn { display: inline-block; background-color: transparent; border: 2px solid #3c3d49; color: #3c3d49; padding: 8px 14px; border-radius: 8px; font-size: 0.9rem; font-weight: 600; transition: all 0.25s ease; text-decoration: none; } .mini-btn:hover, .mini-btn:focus { background-color: #3c3d49; color: #ffffff; box-shadow: 0 0 6px 2px #b44759; transform: translateY(-2px); }