@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");


*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body{
  background-color: #101010;
  background-size: cover;
  color: #FFC322;
  min-height: 100vh;
  font-family: "Poppins", sans-serif;
  display: grid;
  place-content: center;
}

p{
  font-size: .90rem;
  color: #FFFFFF;
}

h1, h2, h3{
  margin-top: 20vh;
  justify-content: center;
  background-color: #FFA0A5;
  background: linear-gradient(-90deg, #FFC322 10%, #FFFFFF 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h5{
  justify-content: center;
  background-color: #FFA0A5;
  background: linear-gradient(-90deg, #154674 10%, #FFFFFF 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

i {
  font-size: 2.5rem;
  margin: auto;
}


.Happy {
  padding: 20px; /* Adjust padding to make the section bigger */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  grid-gap: 20px;
  background: rgba(0, 0, 0, .1);
  backdrop-filter: blur(24px);
  box-shadow: 20px 20px 50px 15px #101010;
  border-radius: .75rem;
  justify-content: center;
  align-items: center; /* Align items vertically */
}

.Sadness{
  padding: 20px; /* Adjust padding to make the section bigger */
  margin-bottom: 6vh;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  grid-gap: 20px;
  background: rgba(0, 0, 0, .1);
  backdrop-filter: blur(24px);
  box-shadow: 20px 20px 50px 15px #101010;
  border-radius: .75rem;
  justify-content: center;
  align-items: center; /* Align items vertically */
}

.funny{
  padding: 20px; /* Adjust padding to make the section bigger */
  margin-bottom: 6vh;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  grid-gap: 20px;
  background: rgba(0, 0, 0, .1);
  backdrop-filter: blur(24px);
  box-shadow: 20px 20px 50px 15px #101010;
  border-radius: .75rem;
  justify-content: center;
  align-items: center; /* Align items vertically */
  }