* {
    font-family: "Rosario", sans-serif;
}
@keyframes sparkle {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: scale(1.2);
    }
    100% {
        opacity: 0;
        transform: scale(0);
    }
}
.sparkle {
    position: absolute;
    color: #ff8500;
    animation: sparkle 2s infinite;
}
.text-primary {
    color: #000;
}
.text-accent {
    color: #ff8500;
}
.bg-accent {
    background-color: #ff8500;
}
.hover\:bg-accent-dark:hover {
    background-color: #e67600;
}
.social-icons a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    background-color: #fff;
}