:root {
    --primary: #3b82f6;
    --secondary: #10b981;
    --background: #f2f4f8;
    --text: #393939;
    --card: #dde1e6;
}
.theme-blue {
    --primary: #3b82f6;
    --secondary: #10b981;
}
.theme-purple {
    --primary: #8b5cf6;
    --secondary: #ec4899;
}
.theme-amber {
    --primary: #f59e0b;
    --secondary: #ef4444;
}
.dark {
    --background: #161616;
    --text: #f2f4f8;
    --card: #262626;
}
@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*/