h1 {
  color: green;
}

p,
li {
  color: purple;
}

.special {
  color: orange;
  font-weight: bold;
}

h1 {
  color: red;
}

p,.special {
  color: orange;
  font-weight: bold;
}

li em {
  color: rebeccapurple;
}

h1 + p {
  font-size: 200%;
}

a:link {
  color: pink;
}

a:visited {
  color: teal;
}

a:hover {
  text-decoration: none;
}

.box {
  padding: 0.3em;
  background-color: #567895;
}

h2 {
  background-color: black;
  color: white;
}
span {
  background-color: rgb(255 255 255 / 50%);
}

h1 + p .special {
  color: yellow;
  background-color: black;
  padding: 5px;
}

.outer {
  border: 5px solid black;
}

.box {
  padding: 10px;
  width: calc(100% - 30px);
  background-color: rebeccapurple;
  color: white;
}

.wrapper {
  display: flex;
}

.box {
  width: 200px;
  height: 80px;
  padding: 0.5em;
  border: .5px solid #cccccc;
  margin: 20px;
}

.wrapper {
  display: flex;
}

/* just for the repeated picture part*/
.box {
  width: 10000px;
  height: 80px;
  padding: 0.5em;
  border: 1px solid #cccccc;
  margin: 20px;
}
/* main picture code */
.box {
  background-image:
    url("https://i.redd.it/p1gmjlypwkf41.jpg"),
    url("https://mdn.github.io/shared-assets/images/examples/big-star.png");
}

  background-image:
    url("image1.png"), url("https://t4.ftcdn.net/jpg/04/57/55/69/360_F_457556959_qLX8lsbnndDfTUvbFi6djHVHRejVGJTm.jpg"), url("image3.png"), url("image4.png");
  background-repeat: no-repeat, repeat-x, repeat;
  background-position:
    10px 20px,
    top right;

.a {
  background-image: url("https://i.redd.it/p1gmjlypwkf41.jpg");
}

.b {
  background-image: url("https://primepickusa.com/wp-content/uploads/2022/08/halloween-monster2-12-600x600.png");
}