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

/* NAVBAR STYLING */

.navbar {
  display: flex;
  /* position:fixed; */
  /* top: 0; */
}

.navbar-brand {
  font-style: italic;
}

.navbar-brand,
.search-bar,
.nav-link {
  padding: 0.5rem;
}

.nav-link {
  margin-left: 0.5rem;
}

.navbar-toggler {
  margin-right: 0.5rem;

  font-size: 1rem;
}

.nav-item {
  text-transform: capitalize;
  transition: all 0.5s linear;
  border-bottom: 1px solid rgb(83, 82, 82);
}

/* NAVBAR STYLING */

.welcomeheading {
  /* border: 1px solid red; */
  padding: 2em;
  margin-top: 4rem;
}

.welcomeheading h3 {
  line-height: 2.5rem;
}

.hidewebsiteheading {
  display: none;
}

.quotecontainer {
  margin-top: 2rem;
  text-align: center;
  /* border: 2px solid rgb(98, 104, 98); */
}

.reducetopmargin {
  margin-top: -5rem;
}
.quotediv {
  border: 2px solid green;
  padding: 1rem;
  margin: 1rem 1.5rem;
  /* color: white; */
  /* background: black; */
}

.quotediv h4 {
  line-height: 2rem;
  font-size: 1rem;
}

.hide-tabs {
  display: none;
}

.tabs {
  display: flex;
  justify-content: space-around;
  margin-bottom: 1rem;
}

.tabs button {
  color: white;
  width: 4.3rem;
  font-size: 1.1rem;
  background-color: rgb(106, 241, 106);
}

.tabs button:hover {
  background-color: green;
}

.tabs .previous {
  width: 4.9rem;
}
.tabs button a {
  text-decoration: none;
}
/* footer */

footer {
  background-color: lightslategray;
  margin-bottom: -1rem;
}

footer ul {
  list-style: none;
  text-transform: capitalize;
}

footer ul li {
  margin: 0.4rem;
}

footer p {
  text-align: center;
  padding-bottom: 1rem;
}

.footer-container {
  display: flex;
}

.socialmediaicons {
  display: flex;
  flex-direction: column;
  /* border: 2px solid red; */
  margin-left: 0.9rem;
  /* justify-content: space-evenly; */

  /* height: 6rem; */
}

.socialmediaiconsandtext {
  margin: 0.2rem;
}

.menulinksul {
  list-style: none;

  /* border: 1px solid rebeccapurple; */
}

.menulinksul li a {
  text-decoration: none;
  color: black;
}

footer .copyright-text {
  /* border: 2px solid red; */
  margin-left: 2.4rem;
  text-align: left;
}

@media screen and (min-width: 900px) {
  .navbar-nav {
    margin-left: 60rem;
  }

  .nav-link {
    margin-left: 3rem;
  }

  .navbar-brand {
    margin-left: 1.1rem;
  }

  .welcomeheading {
    text-align: center;
  }

  .quotediv {
    border: 2px solid green;
    /* padding: 1rem; */
    /* margin: 0.9rem; */
    /* max-width: 30%; */

    /* flex: 1; */
    min-height: 17rem;
    width: 30%;
    /* margin-ottom: -1rem; */
  }

  .quotediv h4 {
    line-height: 2rem;
    font-size: 1rem;
    text-align: center;
  }

  /* .quotessection {
    border: 6px solid rgb(98, 75, 230);
    max-height: 6100px;
    max-width: 1500px;
  } */

  .quotecontainer {
    display: flex;
    flex-wrap: wrap;
    /* max-height: 6100px; */
    /* max-width: 1500px; */
    /* flex: 1 1 0; */

    /* margin: -3rem 3rem -3rem 3rem; */
    /* margin-bottom: 10rem; */
    /* padding: 5rem;
     */
    /* width: 50% vws; */
    /* height: 30rem; */

    /* min-width: 3rem; */
    justify-content: space-around;

    /* border: 6px solid rgb(230, 75, 196); */
  }

  .tabs {
    /* border: 2px solid red; */
    margin: 3rem 0;
  }

  footer {
    font-size: 1rem;

    text-align: center;
    /* margin-bottom: -1rem; */
    /* margin-top: 7rem; */
    /* border: 1px solid rgb(83, 83, 214); */
  }

  .footer-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 11rem;
  }

  .menulinks,
  .socialmediaicons,
  .footer-container {
    margin-left: 8rem;
    /* border: 2px solid red; */
    text-align: left;
  }

  footer .copyright-text {
    text-align: center;
    /* border: 2px solid red; */
    width: 20rem;
    margin-left: 27rem;
  }
}

/* footer end */