@import url('https://fonts.googleapis.com/css2?family=Aladin&family=Lato&family=Montserrat&family=Poppins&family=Roboto&family=Sacramento&display=swap');

*{
    margin: 0;
    padding: 0;
    font-family: 'poppins',sans-serif;
    box-sizing: border-box;

}
body{
   
    background-color: #A7D2CB;
}
.hero{
    /* width: 200px; */
    /* background-image: url(image/universe.jpeg);
    width: 100%;
    height: 100vh;  */
    /* overflow: hidden;  */
 
    /* background-size: cover;
  background-position: center;  */
}
.inner-hero{
  width: 100%;
  height: 100vh;
  /* height: 80vh; */
  margin: auto;
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  justify-content: space-around;
  background-color: #0000005b;
  height: 100vh;
}
.all-image{
  width: 50%;
  /* border: 1px solid white; */
}
.heading{
  width: 35%;
  /* border: 1px solid white; */
}
img{
  width: 32rem;
  height: 32rem;
  border-radius: 5px;
}
h1{
  width: 70%;
  margin: auto;
  display: flex;
  flex-direction: column;
  padding: 20px;
  font-family: 'Poppins', sans-serif;
  
  /* justify-content: space-around; */
}
.s-1{
  font-weight: bolder;
}
.s-2{
  padding-left: 4rem;
  padding-top: 2rem;
}

@media only screen and (max-width: 800px){
  .inner-hero{
    flex-direction: column-reverse;
    /* align-items: centers; */
    justify-content: center;
    
  }
  .all-image{
    width: 90%;
  }
  .heading{
    width: 80%;
  }
  img{
    height: 15.6rem;
  }
  h1{
    position: relative;
    top: -80px;
    padding: 10px;
  }
  .s-2{
    padding-left: 3rem;
    padding-top: 0.5rem;
  }
}