/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

        .centered
        {
            <--display: block;      /* Ensures it behaves as a block */
            margin-left: auto;   /* Automatically calculates margins */
            margin-right: auto;
            width: 50%;          /* Requires a width to know what to center */-->
            text-align: center;
        }

        .large
        {
            font-size: large;
        }

        .medium
        {
            font-size: medium;
        }

        .small
        {
            font-size: small;
        }

        #fullname
        {
            color: #ff0000;
        }

        #welcome
        {
            color: #0000ff;
            background-color: #d63384;
        }
        ul {
          text-align: centter; /* Ensure text is center aligned */
          list-style-position: inside; /* Keeps bullets with text */
          padding-left: 20px; /* Ensures space for bullets */
        }
        
        .responsive-img {
        max-width: 100%; /* Ensures the image is never wider than its container */
        height: auto;    /* Maintains the original aspect ratio */
}
body {
  text-align: center;
  background-color: white;
  color: black;
  font-family: Verdana;
}