/* global styling starts here */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  html {
    font-size: 62.5%;
    scroll-behavior: smooth;
  }
  body {
    overflow-x: hidden;
    background-color: #bd597d;
  }
  a { 
    text-transform: uppercase;
    text-decoration: none;
    font-size: 2rem;
  }
  p{
    font-size: 2rem;
    font-family: "Dancing Script", cursive;
    color: #f0ebf4;
  }
  
  li {
    list-style-type: none;
  }
  h1 {
    font-size: 3.5rem;
  }
  h2 {
    font-size: 3rem;
    font-family: 'Bebas Neue', cursive;
  }
  
  h3 {
    font-size: 3.5rem;
  }
  h4 {
    font-size: 4rem;
    text-transform: uppercase;
    font-family: "Yeon Sung", cursive;
    color: rgb(234, 163, 255);
  }
  
  h5 {
    font-size: 2.3rem;
}



section{
    height: 273vh;
    width: 100vw;
}
section h5 a{
    display: block;
    font-size: 3rem;
    color: black;
    position: absolute;
    top: 2rem;
    left: 0rem;
    text-transform: capitalize;
    font-family: cursive;
    text-decoration: underline;
    cursor: pointer;
    padding:0  2rem;
    border-radius: 9px;
    background-color: transparent;
  }
section h2{
    font-size: 6rem;
    text-align: center;
padding-top: 6rem;
color: #f0ebf4;
}

.elements img {
    height: 30vh;
    width: 30vh;
    margin: 3rem 4rem;
    border: 5px solid white;
    box-shadow:-1px 1px 29px #fc37e8a9;
}
.elements button{
    height: 3rem ;
    width: 9rem;
    margin-left: 4rem;
    color: #f0ebf4;
    background-color: rgb(235, 107, 255);
    border-radius: 9px;
    border: none;
box-shadow: -1px 1px 30px rgb(236, 65, 225);
}
section h4,p{
    margin: 1.5rem 4rem;
}
section h5 a {
    background-color: rgb(255, 79, 240);
    font-size: 2rem;
}
.manymore{
display:flex ;
align-items: center;
min-height: 10vh;
justify-content: center;
margin-top: 7rem;
color: #f0ebf4;
background-color: violet;
flex-wrap: wrap;
flex-direction: column;
}
.manymore h6{
  font-size: 2rem;
  font-family: "Yeon Sung", cursive;
  color: black;
}
.manymore a{
  text-decoration: none;
  color: black;
  font-size: 2rem;
}
.manymore button{
  background-color: #f7508d;
  border: #f0ebf4;
  border-radius: 10px;
  height: 3rem;
  width: 15rem;
  margin: 2rem;
}

/* :not(:nth-child(1)) */
.images-1 img:not(:nth-child(1)){
    display: none;
}

.images-2 img:not(:nth-child(1)){
    display: none;
}
.images-3 img:not(:nth-child(1)){
    display: none;
}
.images-4 img:not(:nth-child(1)){
    display: none;
}
.images-5 img:not(:nth-child(1)){
    display: none;
}