/*
.card {
            perspective: 1000px;
            width: 300px;
            height: 400px;
        }
*/
		
		.inner {
			display: inline-block;
  			width: 280px;
			height: 350px;
			margin: 40px 0;
			perspective: 600px; 

			}

        .card {
            position: relative;
            width: 100%;
            height: 100%;
			cursor: pointer;
            text-align: center;
            transform-style: preserve-3d;
			transform-origin: center right;
			transition: transform 1s;
        }
				
        .card.is-flipped {
			transform: translateX(-100%) rotateY(-180deg);
        }

        .card__face{
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
/*            border-radius: 15px;  */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .card__face--front {
            color: black;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px;			
        }

        .card__face--back {
            background: linear-gradient(45deg, #fcba03 0%, #ffdde1 100%);
            color: #333;
            transform: rotateY(180deg);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
			            padding: 1px;			
        }

        .profile-img {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            object-fit: cover;
            border: 5px solid rgba(255, 255, 255, 0.3);
            margin-bottom: 20px;
        }

        .social-icons a {
            color: #333;
            margin: 0 10px;
            font-size: 24px;
            transition: transform 0.3s ease;
        }

        .social-icons a:hover {
            transform: scale(1.2);
        }

        @keyframes wave {
            0% {
                transform: rotate(0deg);
            }

            10% {
                transform: rotate(14deg);
            }

            20% {
                transform: rotate(-8deg);
            }

            30% {
                transform: rotate(14deg);
            }

            40% {
                transform: rotate(-4deg);
            }

            50% {
                transform: rotate(10deg);
            }

            60% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(0deg);
            }
        }

        .waving-hand {
            display: inline-block;
            animation: wave 2.5s infinite;
            transform-origin: 70% 70%;
        }
		
		{
			p {color: black;}
		}