@charset "utf-8";

/* common.css for Lab 10, index.html in C6P2 Web Development Internship - Brittany Thompson, December 1, 2025 */

/* Common LAYOUT cSS: */
body {
    width: 80%;
    min-width: 800px;
    max-width: 1200px;
    margin: auto;
}

h1 {
    width: fit-content;
    margin: auto;
    padding: 2%;
}

nav {
    width: 100%;
}

ul {
    display: flex;
    justify-content: space-evenly;
    align-items: baseline;
}

/* Common STYLE CSS: */
html {
    background-image: url(/Lab10/images-lab-10/blackskybackgroundgold.png);
    background-repeat: repeat;
    background-size: auto;
}

.luxurious-script-regular {
  font-family: "Luxurious Script", cursive;
  font-weight: 400;
  font-style: normal;
}

body {
    background-color: black;
    color: gold;
}

main {
    font-size: large;
    line-height: 2em;
}

main ul {
    display: flex;
    justify-content: space-evenly;
    padding: 2%;
    flex-wrap: wrap;
}

main ul li {
    width: fit-content;
    font-size: smaller;
}


h1 {
    font-size: 500%;
    font-family: "Luxurious Script";
}

nav ul {
    list-style-image: url(/Lab10/images-lab-10/resizedsparkleemojiicon.png);
}

nav ul li {
    font-size: 250%;
    font-family: "Luxurious Script";
    text-align: center;
}

nav ul li a {
    color: gold;
    text-decoration: none;
}

h2 {
    font-size: 200%;
    padding: 2% 0 2% 0;
    text-align: center;
}

.separateh2 {
    padding: 2% 0 2% 0;
    text-align: left;
}

h3, h4 {
    font-size: larger;
    padding: 1% 0 1% 0;
}

p {
    font-size: medium;
    padding: 1% 0 1% 0;
}

footer {
    text-align: right;
    color: gold;
    margin: 2%;
}

/* footer {
    text-align: center;
    color: antiquewhite;
} */