body {
    font-family: 'Poppins', sans-serif;
    background-color: #F2F2F2;
}

.hero-section {
    position: relative;
}

.hero-section img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.hero-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.card {
    border-radius: 8px;
}

.btn-primary {
    background-color: #6C63FF;
    border-color: #6C63FF;
}

.btn-primary:hover {
    background-color: #574fd8;
    border-color: #574fd8;
}

.list-group-item.done span {
    text-decoration: line-through;
    color: #aaa;
}