.about-section-container {
    padding: 40px;
    border-radius: 10px;
}

.about-menu-label,
.about-title,
.about-content,
.about-navigator #gotoskills {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    visibility: hidden;
}

.about-menu-label.is-visible,
.about-title.is-visible,
.about-content.is-visible,
.about-navigator #gotoskills.is-visible {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.about-title.animate-on-scroll {
    transition-delay: 0.2s;
}

.about-content.animate-on-scroll {
    transition-delay: 0.4s;
}

.about-navigator #gotoskills.animate-on-scroll {
    transition-delay: 0.6s;
}

.about-title {
    font-size: 2.5em;
    color: #ffffff;
    margin-bottom: 25px;
    font-weight: bold;
}

.about-content {
    font-size: 1.1em;
    line-height: 1.8;
    color: #f0f0f0;
    max-width: 700px;
    margin: 0 auto 30px auto;
}

.about-content p {
    margin-bottom: 1.2em;
}

.about-content strong {
    color: #fec889;
}

.about-navigator #gotoskills {
    transition: opacity 0.8s ease-out, transform 0.8s ease-out, background-color 0.3s ease;
}

.about-navigator #gotoskills:hover {
}