main {
    margin-top: 100px; /* Adjusts top margin to avoid overlap with the fixed header */
    text-align: center; /* Centers the text and content in the main area */
    padding: 20px;
    margin-bottom: 20px; /* Adds space below the paragraph */
}

img {
    max-width: 100%; /* Ensures the image is responsive */
    height: auto; /* Maintains aspect ratio */
    display: block; /* Ensures the image does not inline */
    margin: 0 auto; /* Centers the image horizontally */
    margin-bottom: 20px; /* Space below the image */
}

.btn-1 {
    padding: 15px 28px;
    background-color: tomato;
    color: white;
    border: 2px solid black;
    border-radius: 8px;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    transition: background-color 0.3s ease, color 0.3s ease; 
    cursor: pointer;
}

.btn-1:hover {
    background-color: white;
    color: tomato;
    border: 2px solid black;
}

@media (max-width: 768px) {
    .btn-1 {
        padding: 12px 24px; 
        font-size: 16px;  
    }
}

.btn-1:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 99, 71, 0.5); 
}