.round-image {
    width: 300px; /* Adjust size as needed */
    height: 300px; /* Ensure height matches width for a perfect circle */
    border-radius: 5%; /* Creates the round mask */
    object-fit: cover; /* Ensures the image fits within the circle */
    border: 2px solid #030202; Optional: Add a border
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow */
  }

@import url('https://fonts.googleapis.com/css2?family=Tangerine');
/* Target the specific heading by ID */
#special-heading {
    font-size: 2.5rem; /* Increase font size */
    /* font-weight: bold; Optional: Make it bold */
    color: #ffffff; /* Optional: Change the color */
    text-align: left;
    display: block;
    font-family: 'Segoe UI', sans-serif;
    /* text-shadow: 1px 1px 1px #ecdd0c; */
}


.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }


/* Apply styles only on the home page */
body:has(a[href="."]) {

    .md-typeset p {
        text-align: justify;
    }
}
/* 
body:has(a[href="."]) {
    /* Hide the sidebar
    .md-sidebar {
        display: none;
    }
    
    /* Adjust the main content area */
    .md-main {
        margin-left: 0;
        width: 100%;
    }

    /* Add a gradient background */
    /* background: linear-gradient(135deg, #060606, #000000);
    background-attachment: fixed;
    background-size: cover;
    /* font-size: calc(125% * 1.6); Adjust the scaling factor as needed */
    /* html { */
        font-size: calc(125% * 1.1); <- 1.1 equals + 10% – adjust to taste
      /* }  */
} 
   */