/* 
Course: ITWP-1050
Author: Shutran, Marcus 0612328
Filename: styles.css
A year in review in Photos from my Homework Assignments 3 through 5
*/

:root {
  --pageColor: #f4f4f4; /* A light grey that remains readable against most backgrounds */
}

h1 {
  background-image: url('images/nicodemus02.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; /* Ensures the image fills the space */
  text-align: center;
  font-size: 2.5em;
    color: rgb(0, 0, 0);
  padding: 100px 0; /* Adjust to show more/less of the image */
  background-color: lime; /* Optional: ensures text is readable */
  /* a. Specifies the font-family using a font stack */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  
  /* b. Adds a text shadow (of your choice) */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

body {
    background-image: url("images/bigKittyBkgrnd.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 1em;
    margin-bottom: auto;
    font-family: 'webfonts/Spec', Arial, Helvetica, sans-serif;
    margin: 3rem;
    padding: 0;
    box-sizing: border-box;
    color: var(--pageColor);
}

.amatic-sc-regular {
  font-family: "Amatic SC", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.special-gothic-expanded-one-regular {
  font-family: "Special Gothic Expanded One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

footer {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  font-size: 0.75rem;
  margin: 50px 0;
}