DevpGus's picture
Redesign o início do website, torne-o mais como portfolio pessoal
40fbe52 verified
/* Custom styles */
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
scroll-behavior: smooth;
line-height: 1.6;
}
/* Enhanced hero section */
#home {
background: linear-gradient(135deg, #1e1e2e 0%, #3a1d6e 100%);
}
.profile-image {
transition: transform 0.3s ease;
}
.profile-image:hover {
transform: scale(1.05);
}
.hero-content {
animation: fadeInUp 0.8s ease-out forwards;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Timeline styling */
@media (max-width: 768px) {
.timeline-center::before {
left: 1.5rem !important;
}
.timeline-item::before {
left: 0.75rem !important;
}
}
/* Custom animation */
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
100% { transform: translateY(0px); }
}
.floating {
animation: float 6s ease-in-out infinite;
}
/* Section spacing */
section {
scroll-margin-top: 80px;
}