/* Custom styles for the animated gradient background */
@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.animated-gradient {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

.summary-output {
    white-space: pre-wrap;
}

/* Custom scrollbar for a better look */
.summary-output::-webkit-scrollbar {
    width: 8px;
}

.summary-output::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}

.summary-output::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.summary-output::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4);
}

footer {
    text-align: center;
    padding: 20px;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.215);
    font-family: sans-serif;
}