/* Basic styles for PDF to JPG Converter */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f4f4f9;
}

h1 {
    color: #333;
    margin-bottom: 20px;
    font-size: 2em;
    text-align: center;
}

h1 br + br {
    font-size: inherit;
}

h1 br + br + br {
    font-size: 5em;
}

.drop-area {
    width: 200px;
    height: 200px;
    border: 2px dashed #ccc;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease;
    margin-top: 100px; /* Half of the drop area height */
}

.drop-area:hover {
    background-color: #e0f7fa;
}

.drop-area svg {
    margin-bottom: 10px;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

#exclamationIcon {
    animation: chew 1s infinite;
}

@keyframes chew {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-2px);
    }
}

.emoji {
    font-size: 5em;
}