:root {
    --primary: #0d1117;
    --ubuntu: #e95420;
}

* {
    font-family: 'Poppins', sans-serif;
    scroll-padding-top: 70px;
}

body {
    background-color: var(--primary);
    height: 100vh;
}

.text-justify {
    text-align: justify;
}

.navbar-brand img{
    width: 100px;
}

.rounded-circle {
    width: 300px;
    height: 300px;
}

.social-links {
    margin-top: 30px;
}

.kebab {
    width: 100px;
    height: 100px;
}

.ubuntu {
    color: var(--ubuntu);
}

.btn:hover{
    color: #fff;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated-text {
    opacity: 0; /* Start hidden */
    transition: opacity 0.5s ease; /* Smooth transition */
}

.animated-text.visible {
    opacity: 1; /* Fully visible */
    animation: fadeIn 1.5s forwards; /* Trigger the animation */
}