/* CSS Document for Homework 3
Student: Darrcelle Jackson
Course: ITWP 1050
File: styles.css */


/* centers and sets the line height of each text */
body {
    background: linear-gradient(#964B00, transparent);
    background-repeat: no-repeat;
    line-height: 2.5;
    text-align: center;
}


/* styles the text font */
@font-face {
    font-family: "Edu SA Beginner";
    src: url("Edu SA Beginner");
}


/* styles the h1 element */
h1 {
    font-family: "Edu SA Beginner", Arial, sans-serif;
    text-align: center;
    text-shadow: 2px 2px 0 #f0e68c;
    letter-spacing: 2px;
    font-variant: small-caps;
    white-space: nowrap; 
}

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

.flex-child {
    flex: 0;
    display: inline-block;
    background-repeat: no-repeat; /* Do not repeat the image */
    background-position: center; /* Centers the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    background-clip: border-box;
}  

.flex-child:first-child {
    margin-right: 20px;
}