/* General body styles */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

/* Header styling */
.header {
    background-color: transparent; /* No background color */
    color: #000; /* Default text color (black) */
    text-align: center;
    padding: 20px 0;
}

.header h1 {
    margin: 0;
    font-size: 2rem;
}

.text-red {
    color: red; /* Red color for "Kaushik" */
}

.text-black {
    color: black; /* Black color for "Publication" */
}

/* Contact Information Styling */
.contact-info {
    background-color: #f8f9fa; /* Light gray background for contrast */
    color: #333; /* Darker text color for better readability */
}

.contact-info p {
    margin: 0.5rem 0; /* Margins for spacing */
    font-size: 1rem; /* Font size for better readability */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .header h1 {
        font-size: 1.5rem; /* Adjust header font size for smaller screens */
    }

    .contact-info p {
        font-size: 0.875rem; /* Slightly smaller font size for better fit on small screens */
    }
}
/* Custom button styling */
.btn-primary {
    background-color: #28a745; /* Soft green color */
    border-color: #28a745;
    padding: 10px 20px; /* Reduced padding */
    font-size: 1rem; /* Smaller text size */
    border-radius: 6px; /* Slightly rounded corners */
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: background-color 0.3s, box-shadow 0.3s; /* Smooth transition effect */
    color: white; /* White text color */
    text-decoration: none; /* Remove underline */
    display: inline-block; /* Keep the button inline */
}

.btn-primary:hover {
    background-color: #218838; /* Darker green on hover */
    border-color: #1e7e34; /* Slightly darker green for the border */
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2); /* Slightly larger shadow on hover */
}

.btn-primary:focus, .btn-primary:active {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); /* Focus shadow */
}