*{
    /* background-color: rgb(162, 238, 238); */
}

.stuc {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap-reverse;
    font-size: larger;
    margin: 0 auto;
    padding-bottom: 2em;  
}

#moodhead{
    font-size: 34px;
}

.list{
   
    justify-content: center;
    display: flex;
    /* padding: 2em; */
    flex-wrap: wrap-reverse;
    background-color: rgb(207, 196, 183);
    border: 1px solid black;
}

.stuc2{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap-reverse;
    padding: 4em;
    font-family: fantasy
    ; 
    font-style: italic;
    background-color: rgb(162, 238, 238);
    align-items: center;
}

.imgs{
    display: flex;
    padding: 2em;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.imgs img{
    border-radius: 50%;
}

.inner {
position: relative;
      z-index: 1;
      text-align: center;
      /* margin-top: 20%; */
      color: rgb(18, 12, 12);
      font-size: 2em;
} 

.para {
  position: relative;
  z-index: 1;
}

.para::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('./imgs/carsm.jpeg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0.25; /* Adjust your opacity here */
  z-index: -1;
}

.flexitem {
    margin: 0 auto;
    text-align: center;
}
.parag {
    padding: 3em;
    font-size: 23px;
    text-shadow: aqua;
    color: gold; /* I recommend using a darker font */
    font-weight: 400;
}