:root {
    --primary: #7fb0ff;
    --secondary: #10b981;
    --background: #ffffff;
    --text: #1f2937;
    --card: #f6f6f6;
}
.theme-blue {
    --primary: #7fb0ff;
    --secondary: #10b981;
}
.theme-pink {
    --primary: #ff6ec2;
    --secondary: #7a15ff;
}
.theme-amber {
    --primary: #f59e0b;
    --secondary: #ef4444;
}
.dark {
    --background: #121212;
    --text: #e2e8f0;
    --card: #292929;
}
@keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}
.floating {
    animation: float 6s ease-in-out infinite;
}
.resume-section {
    transition: all 0.3s ease;
}
.resume-section:hover {
    transform: translateY(-5px);
}
.theme-selector {
    cursor: pointer;
    transition: all 0.3s ease;
}
.theme-selector:hover {
    transform: scale(1.1);
}
.skill-bar {
    height: 8px;
    border-radius: 4px;
}
.progress {
    height: 100%;
    border-radius: 4px;
    transition: width 1s ease-in-out;
}

/*You can write your own CSS below*/