body{
  background-image: url('a.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.logo{
  font-family: 'Great Vibes', cursive;
  color: rgb(2, 41, 2);
  font-size: 130px;
  letter-spacing: 1px;
  cursor: pointer;
  position: absolute;
  top: 150px;
  left: 100px;
  width: 150px;
  height: 150px;
}
span{
  color:saddlebrown;
}
.Click nav{
  background-color: rgba(243, 159, 3, 0.863);
  border-color: rgba(243, 159, 3, 0.863);
  border-bottom-color: rgba(243, 159, 3, 0.863);
  border-radius:20px;
  position: absolute;
  top: 470px; 
  left: 1000px;
  width: 200px;
  height: 85px;
}
.Click nav a{
  font-style: italic;
  font-size: 30px;
  color: black;
  text-decoration: none;
  position: absolute;
  top:25px;
  left: 40px;
}
.fade-in-text1{
  position: absolute;
  height: 400px;
  width: 90%;
  top: 700px;
  right: 50px;
  background-color: white;
  box-shadow: 10px 10px 5px rgba(41, 41, 41, 0.685);
  border-radius: 10px;
}
div h2{
  position: absolute;
  top: -20px;
  left: 100px;
  font-family: 'Great Vibes', cursive;
  font-size: 50px; 
  font-style: bold
}
.Text1 ul li{
  position: relative;
  top: 70px;
  left: 50px;
  font-family: Arial;
  font-size: 20px;
}
.fade-in-image1 img{
  position: absolute;
  height: 400px;
  width: 500px;
  top: 700px;
  right: 50px;
  border-radius: 10px;
}
.fade-in-text2{
  position: absolute;
  height: 400px;
  width: 90%;
  top: 1120px;
  right: 50px;
  background-color: white;
  box-shadow: 10px 10px 5px rgba(41, 41, 41, 0.685);
  border-radius: 10px;
}
div h3{
  position: absolute;
  top: -30px;
  left: 100px;
  font-family: 'Great Vibes', cursive;
  font-size: 50px;
  font-style: bold
}
.Text2 p{
  position: relative;
  top: 70px;
  left: 50px;
  font-family: Arial;
  font-size: 20px;
}
.fade-in-image2 img{
  position: absolute;
  height: 400px;
  width: 500px;
  top: 1120px;
  right: 50px;
  border-radius: 10px;
}
.fade-in-text3{
  position: absolute;
  height: 400px;
  width: 90%;
  top: 1540px;
  right: 50px;
  background-color: white;
  box-shadow: 10px 10px 5px rgba(41, 41, 41, 0.685);
  border-radius: 10px;
}
div h4{
  position: absolute;
  top: -40px;
  left: 130px;
  font-family: 'Great Vibes', cursive;
  font-size: 50px; font-style: bold
}
.Text3 ul p{
  position: relative;
  top: 150px;
  left: 50px;
  font-family: Arial;
  font-size: 20px;
}
.fade-in-image3 img{
  position: absolute;
  height: 400px;
  width: 500px;
  top: 1540px;
  right: 50px;
  border-radius: 10px;
}
.start p {

  position: absolute;
  top: 5px;
  left: 350px;
  font-size: 50px;

}
.div-1 nav {
  position: absolute;
  height: 305px;
  top: 1990px;
  width:100%;
  left: 0px;
  align-items: center;
  background-color: white;
}
.input-group nav{
  font-style: italic;
  font-size: larger;
  border-color: rgba(243, 159, 3, 0.863);
  background-color: rgba(243, 159, 3, 0.863);
  border-radius:30px;
  border-bottom-color: rgba(243, 159, 3, 0.863);
  position: absolute;
  top: 150px; 
  left: 450px;
  width: 100px;
  height: 50px;
}
.input nav {
  font-style: italic;
  font-size: larger;
  background-color:rgba(243, 159, 3, 0.863);
  border-radius:30px;
  border-color: rgba(243, 159, 3, 0.863);
  border-bottom-color: rgba(243, 159, 3, 0.863);
  position: absolute;
  top: 150px; 
  left: 750px;
  width: 100px;
  height: 50px;
}
.input nav a{
  font-style: italic;
  font-size: 20px;
  color: black;
  text-decoration: none;
  position: absolute;
  top:12px;
  left: 20px;
}
.input-group nav a{
  font-style: italic;
  font-size: 20px;
  color: black;
  text-decoration: none;
  position: absolute;
  top:13px;
  left: 28px;
}
.social{
  display: flex;
  margin-left: 380px;
  position: absolute;
  top:200px;
  left: 140px;
}
.social a{
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(136, 136, 133, 0.863);
  border-radius: 50%;
  margin: 22px 10px;
  color: rgb(14, 8, 8);
  text-decoration: none;
  font-size: 20px;
}
.social a:hover{
  transform: scale(1.3);
  transition: .3s;
}
.part2 nav{
  background-color: ;
  position: absolute;
  height: 250px;
  top: 2300px;
  width: 100%;
  right: 0px;
  background-color: rgba(136, 136, 133, 0.863);
}

.part2 nav ul li{ 
  display: inline-block;
  padding: 5px 20px;
  z-index: 1;
  color: white;

}
.part2 nav ul li a{
  color:white;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  position: relative;
  left: 250px;
  top:50px;

}
.part2 nav ul li p{
  font-size: 20px;
  font-weight: bold;
  position: relative;
  top: -10px;
  left: 0px;
  color: white;

}
.logo2{
  font-size: 40px;
  font-family: 'Great Vibes', cursive;
  color: rgb(2, 41, 2);
  letter-spacing: 1px;
  cursor: pointer;
  position: absolute;
  top: 2280px;
  left: 20px;
  z-index: 1;
  color: white;
}
.fade-in-text1   {
  font-family: Arial;
  font-size: 5px;
  animation: fadeIn 5s;
}
.fade-in-text2{
  font-family: Arial;
  font-size: 5px;
  animation: fadeIn 5s;
}
.fade-in-text3{
  font-family: Arial;
  font-size: 5px;
  animation: fadeIn 5s;
}
.fade-in-image1 {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
  z-index: 1;
}
.fade-in-image2 {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
  z-index: 1;
}
.fade-in-image3 {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
  z-index: 1;
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}