/* Resetting margins, padding, and box-sizing globally */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  height: 100vh;
}

/* Styling the docs-container */
.docs-container {
    width: 80%;
    /* Assuming it's already full width */
    /*max-width: 1000px;*/
    /* Set a max width for better centering */
    margin: 50px auto 50px;
    /* 100px from top, auto for horizontal centering */
    border: 1px solid #ccc;
    padding: 30px 30px 30px 30px;
    border-radius: 20px;
    /* Clean white background */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Soft shadow for a modern touch */
    font-family: 'Arial', sans-serif;
}

/* Slogan styling */
.slogan {
    font-size: 2.0rem; /* Medium font size */
    text-align: center;
    font-weight: 300;
    margin-bottom: 40px;
}

.content {
    width: 100%; /* Ensure content takes full width */
    margin-top: 20px; /* Optional: Add space from top */
}


/* Styling for the intro section */
.intro,
.get-method,
.post-method,
.put-method,
.delete-method,
.image-section{
    margin-bottom: 40px; /* Add space below the section */
}

.common-ul {
    padding-left: 24px;   /* required for bullet indentation */
    margin-bottom: 16px;
}

/* Styling the section header */
.section-header h1 {
    font-size: 1.5rem;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 50px;
}

.section-header h2 {
    font-size: 1.15rem;
    text-align: left; /* Align header to the left */
    margin-bottom: 10px;
}

.section-body h3 {
    font-size: 1.15rem;
    text-align: left; /* Align header to the left */
    margin-bottom: 10px;
}

/* Description text styling */
.description {
    font-size: 1.20rem;
    text-align: left;
    margin-bottom: 20px;
}

/* Sub-description styling */
.sub-description {
    font-size: 1.15rem;
    text-align: left;
    margin-bottom: 10px;
}

.margin-above{
    margin-top: 20px;
}

.underlined {
    text-decoration: underline;
  }

.code-snippet {
    display: inline-block;
    background-color: #003366;
    color: white;
    padding: 12px 16px;
    border-radius: 6px;
    font-family: 'Courier New', monospace;
    font-size: 1.25em;
    white-space: pre;
    overflow-x: auto;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    line-height: 1.4;
}