/* Resetting default margin and padding */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

/* Basic styling for the header */
header {
    background-color: rgba(1, 17, 167, 0.9);
    padding: 20px;
    text-align: center;
}

.header-container {
    display: flex;
    justify-content: center;
}

.header-image {
    width: 350px; /* Adjust size of circular image */
    height: 350px; /* Adjust size of circular image */
    background-color: rgb(179, 179, 179);
    border-radius: 50%; /* Creates circular shape */
    overflow: hidden;
}

.header-image img {
    width: 100%;
    height: auto;
}

/* Styling for the main content area */
main {
    padding: 20px;
}

.content {
    max-width: 600px; /* Adjust width of content */
    margin: 0 auto;
    text-align: center;
}

h1 {
    font-size: 2.5rem; /* Adjust font size */
    margin-bottom: 20px;
}

/* General paragraph styling */
p {
    font-size: 16px; /* Adjusts the font size */
    line-height: 1.5; /* Improves readability */
    margin: 1em 0; /* Adds some space between paragraphs */
}

/* Responsive adjustments for smaller screens */
@media only screen and (max-width: 600px) {
    p {
        font-size: 14px; /* Smaller font size for mobile devices */
        line-height: 1.6; /* Slightly increased line-height for better readability */
        padding: 0 1em; /* Adds some padding to the sides */
    }
}