/* Style sheet and documennt made by: Alexander Durkin
    Course: Macomb Community College, ITWP1050
    This assignment showcases Kei trucks from Japan explaining all about them */
body {
    margin: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: center;
    background-color: #FFEBCD; /* Added this in here for color */
}
* { /* This is the universal selector! */
    color: #000000; /* I just went with black because of the current background color (I hope this is Ok!) */
  }  
.image-container { /* The three elements below are the Kei truck images on the HTML document */
    display: flex;
    justify-content: space-between;
    gap: 2px; /* This Adds spacing between images */
    text-align: center;
}
.image-container figure { /* Contains the code for the captions */
    text-align: center;
    width: 250px; 
}
img {
    max-width: 100%; /* Makes the image fit in its container */
    height: 140px;
    border: 1px solid black;  /* Adds a border to the images of the trucks */
    border-radius: 10px;  /* This tells how much to round the corners */
}
.left-align-bullets {
    text-align: left;  /* Aligns the bullet points to the left! */
}
.left-align-buttons {
    text-align: left;  /* Aligns buttons to the left! */
}
footer {
    margin-top: 50px;  /* Sets the top margin to 50 pixels */
    margin-bottom: 50px;  /* Sets the bottom margin to 50 pixels */
}
.source-linkA::after { /* I put an A here for external links out to the internet */
    content: " (external)";
    color: #da2626; /* I chose red here */
}
.source-linkB::before { /*I also put a B for internal and colored it blue, meaning sites within the macomb server. */
    content: " (internal)";
    color: #1043eb; /* I chose blue here because it links to my course homepage, and the college color is blue! */
}
/* I also ran this Css file to check for errors, no errors to report! */