* {
  margin: 0;
  padding: 0;
}

body {
  background: rgb(238, 174, 202);
  background: radial-gradient(
    circle,
    rgba(238, 174, 202, 1) 0%,
    rgba(148, 187, 233, 1) 100%
  );

  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

/*styling logo*/
#logo {
  width: 100px;
  height: auto;
  border-radius: 40%;
}

/* header styling*/
.header {
  padding: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*styling navigation header links*/
.nav-header {
  color: beige;
  display: flex;
  justify-content: flex-end;
  gap: 1.5rem;
  list-style: none;
}

/*styling a-child*/
.nav-header a {
  text-decoration: none;
}

.nav-header a:link{
    color: aliceblue;
}    

a:visited {
  color: inherit;
}

.nav-header a:hover {
  color: rgb(63, 116, 121);
  font-size: 1.3rem;
  border-radius: 0.5rem;
  padding: 0.5rem;
}

ul li a {
  font-size: 1.2rem;
}

/*Styling hero-nav*/
.navigation-bar {
  background: rgb(152, 226, 226);
  cursor: pointer;

}

/*styling navigation bar*/
.navigation-bar {
  display: flex;
  justify-content: space-around;
}

.navigation-bar li {
  list-style: none;
  color: rgb(59, 59, 100);
  font-size: 1.1rem;
}
.navigation-bar li:hover {
  background-color: rgba(63, 116, 121, 0.447);
  padding: 0.5rem;
  color: rgb(216, 235, 237);
  border-radius: 1rem;
}

hr {
  border-color: rgb(212, 146, 198);
}

/*footer  general styling*/
.Footer-container {
  margin-top: 4rem;
  background-size: 10em;
  background-color: rgba(199, 69, 201, 0.534);
}
/*styling footer navigation bar*/
.footer-navbar {
  display: flex;
  justify-content: space-around;
}

li a:link {
  text-decoration: none;
  color: rgb(122, 49, 149);
  list-style: none;
}

.footer-navbar > li {
  color: rgb(122, 49, 149);
  list-style: none;
}

.footer-navbar a:visited {
  color: inherit;
}

.footer-navbar a:hover {
  color: rgb(13, 73, 70);
}

/*adjusting logos and copywriting*/
.copyright {
  display: flex;
  justify-content: center;
  color: rgb(137, 28, 64);
}

.social-media-logos {
  display: flex;
  justify-content: center;
  margin-left: 5em;
  color: rgb(137, 28, 64);
}

/********************styling about us****************************/

.main-section {
  margin-left: 3em;
  margin-right: 3em;
  text-align: center;
}


h3{
    color: rgb(184, 107, 203);
    background-color: rgba(0, 255, 255, 0.514);
    outline:  0.3rem dotted white;
}

.paragraph{
    color: rgb(135, 43, 138);
}

/*styling images*/

#image1, #image2, #image3{
    width: 500px;
    height: auto;
    border: 20px solid rgb(249, 246, 219); 
    border-radius: 1em;
    outline: 3px dotted rgb(149, 60, 149); 
    outline-offset: 10px; 
}

.pics{
    text-align: center;
    position: relative;
}


#image2{
    position: absolute;
    top: 50%;
    left: 40%;

}


#image3 { 
position: absolute;
    top: 6%; 
}

#image3:hover{
     
    position: relative;
   transition: .5s ease-in-out;
}