diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 0000000..e8a8078
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,942 @@
+@import url("https://fonts.googleapis.com/css2?family=Ysabeau:wght@500&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");
+
+* {
+  scroll-behavior: smooth;
+}
+
+.quickLinkTextWrapper {
+  display: flex;
+  justify-content: center;
+  /* padding-left: 10rem; */
+  align-items: center;
+  gap: 3rem;
+  width: 70%;
+}
+
+.socialmediaTextWrapper {
+  display: flex;
+  justify-content: center;
+  width: 10%;
+}
+
+/* things to do/ */
+/* transistion part left of social media  */
+
+body {
+  margin: 0px;
+  padding: 0px;
+  font-family: sans-serif;
+  /* height: 600vh; */
+
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex-wrap: nowrap;
+  position: relative;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+.section {
+  margin-bottom: 5rem;
+}
+
+.banner {
+  height: 100vh;
+  display: grid;
+  grid-template-rows: 10% 1fr;
+}
+
+.banner::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  height: 100vh;
+  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(29, 29, 29, 0.6)),
+    url("../images/child-hands-holding-caring-young-green-plant.webp");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  z-index: -1;
+}
+
+nav {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0px 8%;
+
+  transition-property: background-color;
+  transition-duration: 0.3s;
+}
+
+nav .logo img {
+  cursor: pointer;
+}
+
+nav .nav_buttons {
+  padding: 0px;
+  margin: 0px;
+
+  height: 100%;
+  width: 35%;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  position: relative;
+}
+
+.nav_buttons .nav_button {
+  text-decoration: none;
+  color: #bbbbbb;
+  font-family: "Poppins", sans-serif;
+  letter-spacing: 0.5px;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  font-size: 14px;
+  cursor: pointer;
+
+  transition-duration: 0.3s;
+  position: relative;
+}
+
+.nav_buttons .nav_button::after {
+  content: "";
+  position: absolute;
+  bottom: 30%;
+  left: 15%;
+
+  height: 2px;
+  width: 0;
+
+  background-color: rgb(51, 175, 20);
+  border-radius: 20px;
+  transition: 0.3s;
+}
+
+.nav_buttons .nav_button:hover::after {
+  width: 70%;
+}
+
+.nav_buttons .nav_button:hover {
+  color: rgb(255, 255, 255);
+  transform: scale(1.1);
+}
+
+.banner .body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  flex-direction: column;
+  gap: 2%;
+}
+
+.body .text {
+  color: white;
+  font-size: 18px;
+
+  text-align: center;
+}
+
+.text .Big_Text {
+  font-size: 50px;
+  font-weight: bold;
+  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.514);
+}
+
+.body .page_buttons {
+  display: flex;
+  justify-content: space-between;
+}
+
+.page_buttons button {
+  --color_1: #ffffff;
+  color: #ffffff;
+  background: none;
+  font-family: "Poppins", sans-serif;
+  font-size: 14px;
+
+  letter-spacing: 1px;
+  cursor: pointer;
+
+  padding: 15px 25px;
+  margin: 10px;
+
+  border: 1px solid var(--color_1);
+
+  transition: 0.5s;
+  position: relative;
+  overflow: hidden;
+}
+
+.page_buttons .two {
+  color: #000000;
+}
+
+.page_buttons .one:hover {
+  color: #000000;
+}
+
+.page_buttons .two:hover {
+  color: #ffffff;
+}
+
+.page_buttons button::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  height: 0;
+  width: 100%;
+  background: var(--color_1);
+  transition: 0.5s;
+  z-index: -1;
+}
+
+.one::before {
+  top: 0;
+  border-radius: 0 0 50% 50%;
+}
+
+.two::before {
+  bottom: 0;
+  border-radius: 50% 50% 0 0;
+}
+
+.page_buttons .two::before {
+  height: 180%;
+}
+
+.page_buttons .one:hover::before {
+  height: 180%;
+}
+
+.page_buttons .two:hover::before {
+  height: 0;
+}
+
+.locations {
+  margin: 0px auto;
+  height: fit-content;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  /* display: grid;
+    grid-template-rows: repeat(4, 1fr);
+    grid-template-columns: repeat(3, 1fr); */
+  /* justify-items: center; */
+  align-items: center;
+}
+
+.locations .heading {
+  grid-column-start: 1;
+  grid-column-end: 4;
+  font-size: 35px;
+  width: 100%;
+  text-align: center;
+}
+
+.locations .line {
+  height: 1px;
+  width: 60%;
+  background-color: #000000;
+  margin: 20px auto;
+}
+
+.image_container {
+  width: 100%;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
+  row-gap: 10px;
+  column-gap: 10px;
+  padding: 20px;
+}
+
+.locations img {
+  width: 100%;
+  border-radius: 10px;
+
+  transition: 2sec;
+  background-image: red;
+}
+
+.locations .country_images {
+  position: relative;
+  transition: 0.5s;
+  cursor: pointer;
+  margin: 5px 10px;
+  display: flex;
+}
+
+.locations .country_images:hover {
+  transform: scale(1.05);
+}
+
+.country_images span {
+  color: white;
+  font-size: 18px;
+  font-family: "Oswald", sans-serif;
+  position: absolute;
+  bottom: 0;
+  top: 80%;
+  left: 0;
+  right: 0;
+  background-color: rgba(0, 0, 0, 0.562);
+  border-radius: 0px 0px 10px 10px;
+  transition: 0.5s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.locations .country_images:hover span {
+  background-color: #ffffff;
+  color: #000000;
+  outline: 1px solid rgba(0, 0, 0, 0.248);
+}
+
+.events {
+  height: 60vh;
+
+  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
+    url(../images/Event.webp);
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.plant_with_us {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  color: white;
+  font-family: "Oswald", sans-serif;
+  font-size: 50px;
+  letter-spacing: 0.5px;
+  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.514);
+}
+
+.join_us {
+  font-family: Arial, Helvetica, sans-serif;
+  color: white;
+  font-size: 18px;
+  text-shadow: none;
+}
+
+.events button {
+  color: #ffffff;
+  background: none;
+  font-family: "Poppins", sans-serif;
+  font-size: 15px;
+  letter-spacing: 0.5px;
+
+  padding: 15px 25px;
+  margin: 40px;
+  border: 1px solid #ffffff;
+  cursor: pointer;
+
+  transition: 0.5s;
+}
+
+.events button:hover {
+  transform: scale(1.05);
+  color: #000000;
+  background-color: #ffffff;
+}
+
+.Video {
+  margin: 2em auto;
+  width: 70vw;
+  height: 80vh;
+}
+
+.Goals {
+  width: 80vw;
+  margin: 0px auto;
+  margin-bottom: 2em;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  /* display: grid;
+    grid-template-rows: 0.3fr 1fr;
+    grid-template-columns: repeat(3, 1fr); */
+  column-gap: 15vh;
+  text-align: center;
+}
+
+.Goals .heading {
+  width: 100%;
+  text-align: center;
+  font-size: 35px;
+  grid-column-start: 1;
+  grid-column-end: 4;
+}
+
+.Goals .line {
+  height: 1px;
+  width: 60%;
+  margin: 20px auto;
+  background-color: #000000;
+}
+
+.Goals .images {
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.377);
+  border-radius: 20px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  max-width: 300px;
+  margin: 5px 10px;
+  padding: 10px 5px;
+  gap: 4%;
+  font-size: 14px;
+}
+
+.Goals .images img {
+  margin: 5% auto;
+}
+
+.Goals .images span {
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 24px;
+}
+
+.Goals .images .text {
+  flex: 1;
+  padding: 2%;
+}
+
+.get_involved {
+  margin: 0px auto;
+  width: 80vw;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+.get_involved .Option {
+  height: 400px;
+  width: 340px;
+  margin: 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  font-family: "Poppins", sans-serif;
+  letter-spacing: 2px;
+  font-size: 25px;
+  cursor: pointer;
+  border-radius: 15px;
+  transition: background-color 0.5s ease, transform 0.5s ease-in-out,
+    color 0.5s ease-in-out;
+}
+
+.get_involved .Option:hover {
+  background-color: rgba(149, 165, 166, 0.1);
+  transform: scale(1.02);
+  color: #333;
+}
+
+.get_involved #_1 {
+  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+    url("../images/Individual.webp");
+  background-size: cover;
+}
+
+.get_involved #_2 {
+  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+    url("../images/Businesses.webp");
+  background-size: cover;
+}
+
+.get_involved #_3 {
+  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+    url("../images/School.webp");
+  background-size: cover;
+}
+
+.Donate {
+  /* height: 60vh; */
+  padding: 10vh 0px;
+  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
+    url("../images/donation.webp");
+  background-size: cover;
+  background-attachment: fixed;
+
+  color: rgb(255, 255, 255);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.Donate .text {
+  position: relative;
+
+  text-align: center;
+  font-size: 25px;
+  font-family: "Ysabeau", sans-serif;
+}
+
+.Donate span {
+  font-size: 20px;
+}
+
+.Donate button {
+  color: #000000;
+  background: white;
+  font-family: "Poppins", sans-serif;
+  font-size: 15px;
+  letter-spacing: 0.5px;
+
+  padding: 15px;
+  border: 1px solid #ffffff;
+  cursor: pointer;
+
+  transition: 0.5s;
+}
+
+.Donate button:hover {
+  transform: scale(1.05);
+  color: #ffffff;
+  background-color: rgba(0, 0, 0, 0);
+}
+
+.footer {
+  background-color: #141414;
+  box-sizing: border-box;
+  border-top: 1px solid black;
+  color: rgb(160, 160, 160);
+  font-family: "Poppins", sans-serif;
+  width: 100%;
+  padding: 0.5rem 2rem;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.upperHeading {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+}
+
+.qLine {
+  background-color: grey;
+  width: 200px;
+  height: 1px;
+}
+
+.upper_part {
+  justify-content: space-between;
+  display: flex;
+  flex-direction: column;
+  height: 250px;
+  width: 100%;
+  /* background-color: red; */
+}
+
+.links {
+  flex: 1.5;
+  display: flex;
+  justify-content: space-between;
+  height: auto;
+}
+
+.quick-links,
+.socialmediaTxt {
+  font-family: "Poppins", sans-serif;
+  color: green;
+  letter-spacing: 1px;
+}
+.upper_part .links a {
+  text-decoration: none;
+  letter-spacing: 0.5px;
+  font-family: "Poppins", sans-serif;
+  color: rgb(160, 160, 160);
+  font-size: 15px;
+  position: relative;
+  transition: 0.2s;
+}
+
+.links a:hover {
+  color: rgb(255, 255, 255);
+}
+
+.links .column {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 20px;
+}
+
+.upper_part .container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 15px;
+}
+
+.container input {
+  height: 30px;
+  width: 250px;
+
+  border: 1px solid rgb(255, 255, 255);
+  border-radius: 5px;
+  color: rgb(0, 0, 0);
+  padding-left: 10px;
+  margin: 5px;
+  background-color: white;
+}
+
+.container input::placeholder {
+  font-size: 12px;
+}
+
+.container button {
+  font-family: "Poppins", sans-serif;
+  font-size: 13px;
+  letter-spacing: 0.5px;
+  background-color: rgba(255, 255, 255, 0);
+  color: white;
+  border: 1px solid white;
+
+  padding: 8px 15px;
+  border-radius: 5px;
+  cursor: pointer;
+  transition: 0.5s;
+}
+
+.container .Login a {
+  color: white;
+}
+
+.copyright-disclaimer {
+  font-size: 14px;
+  color: rgba(128, 128, 128, 0.643);
+  padding-top: 0.5rem;
+}
+.footer .lower_part {
+  flex: 0.3;
+  display: flex;
+}
+
+.footer-line {
+  width: 90%;
+  height: 1px;
+  background-color: grey;
+}
+
+.lower_part {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: 2rem;
+}
+
+.social_medias {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.lower_part .rights_reserved {
+  position: absolute;
+  bottom: 60%;
+  right: 35%;
+}
+
+.imgWrapper {
+  display: flex;
+  align-items: center;
+  height: 32px;
+  cursor: pointer;
+  transition: transform 0.2s ease-in-out;
+}
+
+.imgWrapper i {
+  font-size: 20px;
+  color: rgb(160, 160, 160);
+  margin-right: 10px;
+}
+
+.imgWrapper:hover {
+  transform: scale(1.1);
+}
+
+.lower_part {
+  gap: 10px;
+}
+
+.socialmediaName {
+  text-decoration: none;
+  color: rgb(160, 160, 160);
+  font-size: 12px;
+  font-family: "Poppins", sans-serif;
+  transition: 0.2s;
+  letter-spacing: 0.5px;
+}
+.socialmediaName:hover {
+  color: #ffffff;
+}
+
+@media only screen and (min-width: 650px) and (max-width: 900px) {
+  .upper_part .links a {
+    text-decoration: none;
+    letter-spacing: 0.5px;
+    font-family: "Poppins", sans-serif;
+    color: rgb(160, 160, 160);
+    font-size: 12px;
+    position: relative;
+    transition: 0.2s;
+  }
+  .upper_part .links a:hover {
+    color: white;
+  }
+  .upper_part {
+    padding-bottom: 1rem;
+  }
+
+  .links {
+    display: flex;
+    gap: 2rem;
+  }
+}
+
+@media only screen and (min-width: 600px) and (max-width: 650px) {
+  .upper_part .links a {
+    text-decoration: none;
+    letter-spacing: 0.5px;
+    font-family: "Poppins", sans-serif;
+    color: rgb(160, 160, 160);
+    font-size: 8px;
+    position: relative;
+    transition: 0.2s;
+  }
+  .upper_part .links a:hover {
+    color: white;
+  }
+  .socialmediaName {
+    font-size: 8px;
+  }
+}
+
+@media only screen and (min-width: 500px) and (max-width: 600px) {
+  .upper_part .links a {
+    text-decoration: none;
+    letter-spacing: 0.5px;
+    font-family: "Poppins", sans-serif;
+    color: rgb(160, 160, 160);
+    font-size: 8px;
+    position: relative;
+    transition: 0.2s;
+  }
+  .upper_part .links a:hover {
+    color: white;
+  }
+
+  .socialmediaName {
+    font-size: 8px;
+  }
+}
+@media only screen and (min-width: 400px) and (max-width: 500px) {
+  .upper_part .links a {
+    text-decoration: none;
+    letter-spacing: 0.5px;
+    font-family: "Poppins", sans-serif;
+    color: rgb(160, 160, 160);
+    font-size: 10px;
+    position: relative;
+    transition: 0.2s;
+  }
+  .upper_part {
+    height: auto;
+  }
+
+  .links {
+    display: flex;
+    flex-wrap: wrap;
+    height: auto;
+    gap: 1.25rem;
+  }
+  .upper_part .links a:hover {
+    color: white;
+  }
+
+  .socialmediaTextWrapper {
+    display: none;
+  }
+  .links .column {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 7px;
+    width: 140px;
+  }
+
+  .footer {
+    background-color: #141414;
+    box-sizing: border-box;
+    border-top: 1px solid black;
+    color: rgb(160, 160, 160);
+    font-family: "Poppins", sans-serif;
+    width: 100%;
+    padding: 0.5rem 2rem;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  .quickLinkTextWrapper {
+    display: flex;
+    /* justify-content: center; */
+    /* padding-left: 10rem; */
+    align-items: center;
+    /* gap: 3rem; */
+    width: 100%;
+  }
+  .upper_part {
+    padding-bottom: 12px;
+  }
+}
+
+@media only screen and (min-width: 300px) and (max-width: 399px) {
+  .upper_part .links a {
+    text-decoration: none;
+    letter-spacing: 0.5px;
+    font-family: "Poppins", sans-serif;
+    color: rgb(160, 160, 160);
+    font-size: 15px;
+    position: relative;
+    transition: 0.2s;
+  }
+  .upper_part {
+    height: auto;
+  }
+
+  .links {
+    display: flex;
+    flex-wrap: wrap;
+    height: auto;
+    gap: 1.25rem;
+  }
+  .upper_part .links a:hover {
+    color: white;
+  }
+
+  .socialmediaTextWrapper {
+    display: none;
+  }
+  .links .column {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 7px;
+    width: 200px;
+  }
+
+  .footer {
+    background-color: #141414;
+    box-sizing: border-box;
+    border-top: 1px solid black;
+    color: rgb(160, 160, 160);
+    font-family: "Poppins", sans-serif;
+    width: 100%;
+    padding: 0.5rem 2rem;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  .quickLinkTextWrapper {
+    display: flex;
+    /* justify-content: center; */
+    /* padding-left: 10rem; */
+    align-items: center;
+    /* gap: 3rem; */
+    width: 100%;
+  }
+}
+
+@media only screen and (min-width: 250px) and (max-width: 299px) {
+  .upper_part .links a {
+    text-decoration: none;
+    letter-spacing: 0.5px;
+    font-family: "Poppins", sans-serif;
+    color: rgb(160, 160, 160);
+    font-size: 15px;
+    position: relative;
+    transition: 0.2s;
+  }
+  .upper_part {
+    height: auto;
+  }
+
+  .links {
+    display: flex;
+    flex-wrap: wrap;
+    height: auto;
+    gap: 1.25rem;
+  }
+  .upper_part .links a:hover {
+    color: white;
+  }
+
+  .upper_part {
+    padding-bottom: 12px;
+  }
+  .socialmediaTextWrapper {
+    display: none;
+  }
+  .links .column {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 7px;
+    width: 200px;
+  }
+
+  .footer {
+    background-color: #141414;
+    box-sizing: border-box;
+    border-top: 1px solid black;
+    color: rgb(160, 160, 160);
+    font-family: "Poppins", sans-serif;
+    width: 100%;
+    padding: 0.5rem 2rem;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  .quickLinkTextWrapper {
+    display: flex;
+    /* justify-content: center; */
+    /* padding-left: 10rem; */
+    align-items: center;
+    /* gap: 3rem; */
+    width: 100%;
+  }
+}
diff --git a/assets/images/4x/logo.webp b/assets/images/4x/logo.webp
new file mode 100644
index 0000000..4eada76
Binary files /dev/null and b/assets/images/4x/logo.webp differ
diff --git a/assets/images/4x/typography_logo.webp b/assets/images/4x/typography_logo.webp
new file mode 100644
index 0000000..7267776
Binary files /dev/null and b/assets/images/4x/typography_logo.webp differ
diff --git a/assets/images/Awareness.webp b/assets/images/Awareness.webp
new file mode 100644
index 0000000..5a09e72
Binary files /dev/null and b/assets/images/Awareness.webp differ
diff --git a/assets/images/Businesses.webp b/assets/images/Businesses.webp
new file mode 100644
index 0000000..bc515fa
Binary files /dev/null and b/assets/images/Businesses.webp differ
diff --git a/assets/images/Countries/Bhutan.webp b/assets/images/Countries/Bhutan.webp
new file mode 100644
index 0000000..99ee0d5
Binary files /dev/null and b/assets/images/Countries/Bhutan.webp differ
diff --git a/assets/images/Countries/Hong_Kong.webp b/assets/images/Countries/Hong_Kong.webp
new file mode 100644
index 0000000..bd91b81
Binary files /dev/null and b/assets/images/Countries/Hong_Kong.webp differ
diff --git a/assets/images/Countries/India.webp b/assets/images/Countries/India.webp
new file mode 100644
index 0000000..add163c
Binary files /dev/null and b/assets/images/Countries/India.webp differ
diff --git a/assets/images/Countries/Indonesia.webp b/assets/images/Countries/Indonesia.webp
new file mode 100644
index 0000000..9dfc473
Binary files /dev/null and b/assets/images/Countries/Indonesia.webp differ
diff --git a/assets/images/Countries/Malaysia.webp b/assets/images/Countries/Malaysia.webp
new file mode 100644
index 0000000..98c9a04
Binary files /dev/null and b/assets/images/Countries/Malaysia.webp differ
diff --git a/assets/images/Countries/Maldives.webp b/assets/images/Countries/Maldives.webp
new file mode 100644
index 0000000..618e4f3
Binary files /dev/null and b/assets/images/Countries/Maldives.webp differ
diff --git a/assets/images/Countries/Nepal.webp b/assets/images/Countries/Nepal.webp
new file mode 100644
index 0000000..4d320f7
Binary files /dev/null and b/assets/images/Countries/Nepal.webp differ
diff --git a/assets/images/Countries/Sri_Lanka.webp b/assets/images/Countries/Sri_Lanka.webp
new file mode 100644
index 0000000..990603a
Binary files /dev/null and b/assets/images/Countries/Sri_Lanka.webp differ
diff --git a/assets/images/Countries/Thailand.webp b/assets/images/Countries/Thailand.webp
new file mode 100644
index 0000000..a49797d
Binary files /dev/null and b/assets/images/Countries/Thailand.webp differ
diff --git a/assets/images/Event.webp b/assets/images/Event.webp
new file mode 100644
index 0000000..ec18986
Binary files /dev/null and b/assets/images/Event.webp differ
diff --git a/assets/images/Individual.webp b/assets/images/Individual.webp
new file mode 100644
index 0000000..fe885cb
Binary files /dev/null and b/assets/images/Individual.webp differ
diff --git a/assets/images/Logo-PhotoRoom.png-PhotoRoom.webp b/assets/images/Logo-PhotoRoom.png-PhotoRoom.webp
new file mode 100644
index 0000000..199b00a
Binary files /dev/null and b/assets/images/Logo-PhotoRoom.png-PhotoRoom.webp differ
diff --git a/assets/images/Reach.webp b/assets/images/Reach.webp
new file mode 100644
index 0000000..beadba1
Binary files /dev/null and b/assets/images/Reach.webp differ
diff --git a/assets/images/School.webp b/assets/images/School.webp
new file mode 100644
index 0000000..4fa7902
Binary files /dev/null and b/assets/images/School.webp differ
diff --git a/assets/images/Target.webp b/assets/images/Target.webp
new file mode 100644
index 0000000..ed26dcf
Binary files /dev/null and b/assets/images/Target.webp differ
diff --git a/assets/images/child-hands-holding-caring-young-green-plant.webp b/assets/images/child-hands-holding-caring-young-green-plant.webp
new file mode 100644
index 0000000..d98c0a4
Binary files /dev/null and b/assets/images/child-hands-holding-caring-young-green-plant.webp differ
diff --git a/assets/images/donation.webp b/assets/images/donation.webp
new file mode 100644
index 0000000..879903c
Binary files /dev/null and b/assets/images/donation.webp differ
diff --git a/images/For_Website/4x/Asset 4@4x.png b/images/For_Website/4x/Asset 4@4x.png
deleted file mode 100644
index 4681eb8..0000000
Binary files a/images/For_Website/4x/Asset 4@4x.png and /dev/null differ
diff --git a/images/For_Website/4x/Website_name.png b/images/For_Website/4x/Website_name.png
deleted file mode 100644
index bb16719..0000000
Binary files a/images/For_Website/4x/Website_name.png and /dev/null differ
diff --git a/images/For_Website/Awareness.png b/images/For_Website/Awareness.png
deleted file mode 100644
index 46a3ef5..0000000
Binary files a/images/For_Website/Awareness.png and /dev/null differ
diff --git a/images/For_Website/Businesses.jpg b/images/For_Website/Businesses.jpg
deleted file mode 100644
index 756030f..0000000
Binary files a/images/For_Website/Businesses.jpg and /dev/null differ
diff --git a/images/For_Website/Countries/Bhutan.jpg b/images/For_Website/Countries/Bhutan.jpg
deleted file mode 100644
index 7d07ee2..0000000
Binary files a/images/For_Website/Countries/Bhutan.jpg and /dev/null differ
diff --git a/images/For_Website/Countries/Hong_Kong.jpg b/images/For_Website/Countries/Hong_Kong.jpg
deleted file mode 100644
index bf2f538..0000000
Binary files a/images/For_Website/Countries/Hong_Kong.jpg and /dev/null differ
diff --git a/images/For_Website/Countries/India.jpg b/images/For_Website/Countries/India.jpg
deleted file mode 100644
index bfce682..0000000
Binary files a/images/For_Website/Countries/India.jpg and /dev/null differ
diff --git a/images/For_Website/Countries/Indonesia.jpeg b/images/For_Website/Countries/Indonesia.jpeg
deleted file mode 100644
index e83e53d..0000000
Binary files a/images/For_Website/Countries/Indonesia.jpeg and /dev/null differ
diff --git a/images/For_Website/Countries/Malaysia.jpeg b/images/For_Website/Countries/Malaysia.jpeg
deleted file mode 100644
index 6c78eb4..0000000
Binary files a/images/For_Website/Countries/Malaysia.jpeg and /dev/null differ
diff --git a/images/For_Website/Countries/Maldives.jpg b/images/For_Website/Countries/Maldives.jpg
deleted file mode 100644
index 1d92469..0000000
Binary files a/images/For_Website/Countries/Maldives.jpg and /dev/null differ
diff --git a/images/For_Website/Countries/Nepal.jpg b/images/For_Website/Countries/Nepal.jpg
deleted file mode 100644
index 3c0d6c9..0000000
Binary files a/images/For_Website/Countries/Nepal.jpg and /dev/null differ
diff --git a/images/For_Website/Countries/Sri_Lanka.jpg b/images/For_Website/Countries/Sri_Lanka.jpg
deleted file mode 100644
index 3663018..0000000
Binary files a/images/For_Website/Countries/Sri_Lanka.jpg and /dev/null differ
diff --git a/images/For_Website/Countries/Thailand.jpg b/images/For_Website/Countries/Thailand.jpg
deleted file mode 100644
index b6b4dd4..0000000
Binary files a/images/For_Website/Countries/Thailand.jpg and /dev/null differ
diff --git a/images/For_Website/Event.jpg b/images/For_Website/Event.jpg
deleted file mode 100644
index 4bee0e0..0000000
Binary files a/images/For_Website/Event.jpg and /dev/null differ
diff --git a/images/For_Website/Individual.jpg b/images/For_Website/Individual.jpg
deleted file mode 100644
index 280bbec..0000000
Binary files a/images/For_Website/Individual.jpg and /dev/null differ
diff --git a/images/For_Website/Logo-PhotoRoom.png-PhotoRoom.png b/images/For_Website/Logo-PhotoRoom.png-PhotoRoom.png
deleted file mode 100644
index a8d49e5..0000000
Binary files a/images/For_Website/Logo-PhotoRoom.png-PhotoRoom.png and /dev/null differ
diff --git a/images/For_Website/Reach.png b/images/For_Website/Reach.png
deleted file mode 100644
index ef414f9..0000000
Binary files a/images/For_Website/Reach.png and /dev/null differ
diff --git a/images/For_Website/School.jpg b/images/For_Website/School.jpg
deleted file mode 100644
index f7fcc02..0000000
Binary files a/images/For_Website/School.jpg and /dev/null differ
diff --git a/images/For_Website/Social Media icons/Facebook.png b/images/For_Website/Social Media icons/Facebook.png
deleted file mode 100644
index fa4f162..0000000
Binary files a/images/For_Website/Social Media icons/Facebook.png and /dev/null differ
diff --git a/images/For_Website/Social Media icons/Instagram.png b/images/For_Website/Social Media icons/Instagram.png
deleted file mode 100644
index 96ce49d..0000000
Binary files a/images/For_Website/Social Media icons/Instagram.png and /dev/null differ
diff --git a/images/For_Website/Social Media icons/Pintrest.png b/images/For_Website/Social Media icons/Pintrest.png
deleted file mode 100644
index de6cd04..0000000
Binary files a/images/For_Website/Social Media icons/Pintrest.png and /dev/null differ
diff --git a/images/For_Website/Social Media icons/Twitter.png b/images/For_Website/Social Media icons/Twitter.png
deleted file mode 100644
index d16922e..0000000
Binary files a/images/For_Website/Social Media icons/Twitter.png and /dev/null differ
diff --git a/images/For_Website/Social Media icons/Youtube.png b/images/For_Website/Social Media icons/Youtube.png
deleted file mode 100644
index 2624a23..0000000
Binary files a/images/For_Website/Social Media icons/Youtube.png and /dev/null differ
diff --git a/images/For_Website/Target.png b/images/For_Website/Target.png
deleted file mode 100644
index 22887e8..0000000
Binary files a/images/For_Website/Target.png and /dev/null differ
diff --git a/images/For_Website/child-hands-holding-caring-young-green-plant.jpg b/images/For_Website/child-hands-holding-caring-young-green-plant.jpg
deleted file mode 100644
index cf34a29..0000000
Binary files a/images/For_Website/child-hands-holding-caring-young-green-plant.jpg and /dev/null differ
diff --git a/index.html b/index.html
index ce42f20..a086b63 100644
--- a/index.html
+++ b/index.html
@@ -1,56 +1,53 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Tree2Hope</title>
 
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Ysabeau:wght@500&display=swap" rel="stylesheet">
+    <!-- font awesome cdn -->
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
+      integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
 
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap" rel="stylesheet">
+    <link rel="icon" type="image/x-icon" href="./assets/images/4x/logo.webp" />
 
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap" rel="stylesheet">
-
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap" rel="stylesheet">
-
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet">
-
-
-    <link rel="stylesheet" href="style.css">
-</head>
-<body>
+    <link rel="stylesheet" href="./assets/css/style.css" />
+  </head>
+  <body>
     <div class="banner section">
-        <nav>
-            <div class="logo"><img src="images/For_Website/4x/Website_name.png" alt="Logo" width="160px"></div>
-            <div class="nav_buttons">
-                <a href="#" class="nav_button">HOME</a>
-                <a href="#" class="nav_button">DONATE</a>
-                <a href="#" class="nav_button">ABOUT</a>
-                <a href="#footer" class="nav_button">CONTACT US</a>
-            </div>
-        </nav>
-        <div class="body">
-            <div class="text">
-                <span class="Big_Text">PLANTING TREES BUILDING HOPE</span><br><br>
-                Help us grow a greener tomorrow<br>Join us in our quest to heal the earth and create a sustainable future
-            </div>
-            <div class="page_buttons">
-                <button class="one">VIEW PROGRESS</button>
-                <button class="two">PLANT A TREE</button>
-            </div>
+      <nav>
+        <div class="logo">
+          <img
+            src="./assets/images/4x/typography_logo.webp"
+            alt="Logo"
+            width="160px"
+          />
+        </div>
+        <div class="nav_buttons">
+          <a href="#" class="nav_button">HOME</a>
+          <a href="#" class="nav_button">DONATE</a>
+          <a href="#" class="nav_button">ABOUT</a>
+          <a href="#footer" class="nav_button">CONTACT US</a>
+        </div>
+      </nav>
+      <div class="body">
+        <div class="text">
+          <span class="Big_Text">PLANTING TREES BUILDING HOPE</span><br /><br />
+          Help us grow a greener tomorrow<br />Join us in our quest to heal the
+          earth and create a sustainable future
+        </div>
+        <div class="page_buttons">
+          <button class="one">VIEW PROGRESS</button>
+          <button class="two">PLANT A TREE</button>
         </div>
-    </div> 
+      </div>
+    </div>
 
     <!-- <div class="trees_planted">
         <div class="number"><span>40535</span><br>TREES PLANTED<br><br></div>
@@ -58,131 +55,195 @@
     </div> -->
 
     <div class="locations section">
-        <div class="heading">WHERE WE PLANT<br>
-            <div class="line"></div>
-        </div>
-        <div class="image_container">
-            <div class="country_images"><img src="images/For_Website/Countries/Nepal.jpg" alt="Nepal"><span>Nepal</span></div>
-            <div class="country_images"><img src="images/For_Website/Countries/Thailand.jpg" alt="Thailand"><span>Thailand</span></div>
-            <div class="country_images"><img src="images/For_Website/Countries/India.jpg" alt="India"><span>India</span></div>
-            <div class="country_images"><img src="images/For_Website/Countries/Maldives.jpg" alt="Maldives"><span>Maldives</span></div>
-            <div class="country_images"><img src="images/For_Website/Countries/Bhutan.jpg" alt="Bhutan"><span>Bhutan</span></div>
-            <div class="country_images"><img src="images/For_Website/Countries/Sri_Lanka.jpg" alt="Sri Lanka"><span>Sri Lanka</span></div>
-            <div class="country_images"><img src="images/For_Website/Countries/Malaysia.jpeg" alt="Malaysia"><span>Malaysia</span></div>
-            <div class="country_images"><img src="images/For_Website/Countries/Indonesia.jpeg" alt="Indonesia"><span>Indonesia</span></div>
-            <div class="country_images"><img src="images/For_Website/Countries/Hong_Kong.jpg" alt="Hong_Kong"><span>Hong Kong</span></div>
+      <div class="heading">
+        WHERE WE PLANT<br />
+        <div class="line"></div>
+      </div>
+      <div class="image_container">
+        <div class="country_images">
+          <img src="./assets/images/Countries/Nepal.webp" alt="Nepal" /><span
+            >Nepal</span
+          >
+        </div>
+        <div class="country_images">
+          <img src="./assets/images/Countries/Thailand.webp" alt="Thailand" /><span
+            >Thailand</span
+          >
+        </div>
+        <div class="country_images">
+          <img src="./assets/images/Countries/India.webp" alt="India" /><span
+            >India</span
+          >
+        </div>
+        <div class="country_images">
+          <img src="./assets/images/Countries/Maldives.webp" alt="Maldives" /><span
+            >Maldives</span
+          >
+        </div>
+        <div class="country_images">
+          <img src="./assets/images/Countries/Bhutan.webp" alt="Bhutan" /><span
+            >Bhutan</span
+          >
+        </div>
+        <div class="country_images">
+          <img src="./assets/images/Countries/Sri_Lanka.webp" alt="Sri Lanka" /><span
+            >Sri Lanka</span
+          >
+        </div>
+        <div class="country_images">
+          <img src="./assets/images/Countries/Malaysia.webp" alt="Malaysia" /><span
+            >Malaysia</span
+          >
+        </div>
+        <div class="country_images">
+          <img src="./assets/images/Countries/Indonesia.webp" alt="Indonesia" /><span
+            >Indonesia</span
+          >
         </div>
+        <div class="country_images">
+          <img src="./assets/images/Countries/Hong_Kong.webp" alt="Hong_Kong" /><span
+            >Hong Kong</span
+          >
+        </div>
+      </div>
     </div>
 
-
-
     <div class="Video section">
-        <iframe width="100%" height="100%" src="https://www.youtube.com/embed/ibPe7iuTFZw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+      <iframe
+        width="100%"
+        height="100%"
+        src="https://www.youtube.com/embed/ibPe7iuTFZw"
+        title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+        allowfullscreen
+      ></iframe>
     </div>
 
     <div class="Donate section">
-        <div class="text">Trees are nature's superheroes, fighting climate change, supporting livelihoods, and nurturing life.<br> Together, we can make a difference, one tree at a time.<br><br><span>~ Founder</span><br><br></div>
-        <button>JUST $1 PLANTS A TREE</button>
+      <div class="text">
+        Trees are nature's superheroes, fighting climate change, supporting
+        livelihoods, and nurturing life.<br />
+        Together, we can make a difference, one tree at a time.<br /><br /><span
+          >~ Founder</span
+        ><br /><br />
+      </div>
+      <button>JUST $1 PLANTS A TREE</button>
     </div>
 
     <div class="get_involved section">
-            <div class="Option" id="_1">INDIVIDUALS</div>
-            <div class="Option" id="_2">BUSINESSES</div>
-            <div class="Option" id="_3">SCHOOLS</div> 
+      <div class="Option" id="_1">INDIVIDUALS</div>
+      <div class="Option" id="_2">BUSINESSES</div>
+      <div class="Option" id="_3">SCHOOLS</div>
     </div>
 
     <div class="events section">
-        <div class="plant_with_us">PLANT WITH US<span class="join_us">Join our local events and make a positive impact with your own hands</span></div>
-        <button>VIEW EVENTS</button>
+      <div class="plant_with_us">
+        PLANT WITH US<span class="join_us"
+          >Join our local events and make a positive impact with your own
+          hands</span
+        >
+      </div>
+      <button>VIEW EVENTS</button>
     </div>
 
     <div class="Goals section">
-        <div class="heading">OUR GOALS<br>
-            <div class="line"></div>
-    </div>
-        <div class="images"><img src="images/For_Website/Target.png" width="200px"><div class="text"><span>TARGET<br><br></span>Planting 1 million trees worldwide within the next 3 years.</div></div>
-        <div class="images"><img src="images/For_Website/Reach.png" width="200px"><div class="text"><span>REACH<br><br></span>Expanding tree planting efforts to 30+ countries across the world.</div></div>
-        <div class="images"><img src="images/For_Website/Awareness.png" width="200px"><div class="text"><span>EDUCATION AND AWARENESS<br><br></span>Raising awareness about the importance of tree planting through educational programs, workshops, and campaigns.</div></div>  
+      <div class="heading">
+        OUR GOALS<br />
+        <div class="line"></div>
+      </div>
+      <div class="images">
+        <img src="./assets/images/Target.webp" width="200px" />
+        <div class="text">
+          <span>TARGET<br /><br /></span>Planting 1 million trees worldwide
+          within the next 3 years.
+        </div>
+      </div>
+      <div class="images">
+        <img src="./assets/images/Reach.webp" width="200px" />
+        <div class="text">
+          <span>REACH<br /><br /></span>Expanding tree planting efforts to 30+
+          countries across the world.
+        </div>
+      </div>
+      <div class="images">
+        <img src="./assets/images/Awareness.webp" width="200px" />
+        <div class="text">
+          <span>EDUCATION AND AWARENESS<br /><br /></span>Raising awareness
+          about the importance of tree planting through educational programs,
+          workshops, and campaigns.
+        </div>
+      </div>
     </div>
 
     <div class="why_plant_trees?">
-        <div class="heading"></div>
-        <div class="line"></div>
-        <div class="answers"></div>
+      <div class="heading"></div>
+      <div class="line"></div>
+      <div class="answers"></div>
     </div>
 
     <div class="footer" id="footer">
-        <div class="upper_part">
-            <div class="upperHeading">
-                <div class="quickLinkTextWrapper">
-                    <!-- <div class="qLine"></div> -->
-
-                    <h2 class="quick-links">Quick Links</h2>
-                    <!-- <div class="qLine"></div> -->
-                </div>
-                <div class="socialmediaTextWrapper">
-
-                    <h2 class="socialmediaTxt">Social </h2>
-                </div>
-            </div>
+      <div class="upper_part">
+        <div class="upperHeading">
+          <div class="quickLinkTextWrapper">
+            <!-- <div class="qLine"></div> -->
+
+            <h2 class="quick-links">Quick Links</h2>
+            <!-- <div class="qLine"></div> -->
+          </div>
+          <div class="socialmediaTextWrapper">
+            <h2 class="socialmediaTxt">Social</h2>
+          </div>
+        </div>
 
-            <div class="links">
-                <div class="column">
-                    <a class="footerLinks" href="#">HOW TO DONATE</a>
-                    <a class="footerLinks" href="#">PRIVACY POLICY</a>
-                    <a class="footerLinks" href="#">REFUND POLICY</a>
-                    <a class="footerLinks" href="#">TERMS OF SERVICES</a>
-                </div>
-
-                <div class="column">
-                    <a class="footerLinks" href="#">OUR PARTNERS</a>
-                    <a class="footerLinks" href="#">BECOME AN AFFILIATE</a>
-                    <a class="footerLinks" href="#">SPONSOR US</a>
-                    <a class="footerLinks" href="#">REPORT A PROBLEM</a>
-                </div>
-
-                <div class="column">
-                    <a class="footerLinks" href="#">ABOUT US</a>
-                    <a class="footerLinks" href="#">FAQS</a>
-                    <a class="footerLinks" href="#">CONTACT US</a>
-                    <a class="footerLinks" href="#">CAREERS</a>
-                </div>
-
-                <div class="social_medias">
-                    <div class="imgWrapper">
-    
-                        <img class="socialMediaIcon" src="images/For_Website/Social Media icons/Twitter.png" width="50px">
-    <p class="socialmediaName">TWITTER</p>
-                    </div>
-                    <div class="imgWrapper">
-    
-                 
-                        <img class="socialMediaIcon" src="images/For_Website/Social Media icons/Facebook.png" width="50px">
-                    <p class="socialmediaName">FACEBOOK</p>
-                    </div>
-                    <div class="imgWrapper">
-    
-                        <img class="socialMediaIcon" src="images/For_Website/Social Media icons/Instagram.png" width="50px">
-               <p class="socialmediaName">INSTAGRAM</p>
-                    </div>
-                    <div class="imgWrapper">
-                        <img class="socialMediaIcon" src="images/For_Website/Social Media icons/Youtube.png" width="50px">
-    <p class="socialmediaName">YOUTUBE</p>
-                    </div>
-                    <!-- <div class="imgWrapper">
-                        <img class="socialMediaIcon" src="images/For_Website/Social Media icons/Pintrest.png" width="50px">
-    
-                    </div> -->
-                </div>
+        <div class="links">
+          <div class="column">
+            <a class="footerLinks" href="#">HOW TO DONATE</a>
+            <a class="footerLinks" href="#">PRIVACY POLICY</a>
+            <a class="footerLinks" href="#">REFUND POLICY</a>
+            <a class="footerLinks" href="#">TERMS OF SERVICES</a>
+          </div>
+
+          <div class="column">
+            <a class="footerLinks" href="#">OUR PARTNERS</a>
+            <a class="footerLinks" href="#">BECOME AN AFFILIATE</a>
+            <a class="footerLinks" href="#">SPONSOR US</a>
+            <a class="footerLinks" href="#">REPORT A PROBLEM</a>
+          </div>
+
+          <div class="column">
+            <a class="footerLinks" href="#">ABOUT US</a>
+            <a class="footerLinks" href="#">FAQS</a>
+            <a class="footerLinks" href="#">CONTACT US</a>
+            <a class="footerLinks" href="#">CAREERS</a>
+          </div>
+
+          <div class="social_medias">
+            <div class="imgWrapper">
+              <i class="fa-brands fa-x-twitter"></i>
+              <a href="#" class="socialmediaName">TWITTER</a>
+            </div>
+            <div class="imgWrapper">
+              <i class="fa-brands fa-facebook"></i>
+              <a href="#" class="socialmediaName">FACEBOOK</a>
+            </div>
+            <div class="imgWrapper">
+              <i class="fa-brands fa-instagram"></i>
+              <a href="#" class="socialmediaName">INSTAGRAM</a>
             </div>
+            <div class="imgWrapper">
+              <i class="fa-brands fa-youtube"></i>
+              <a href="#" class="socialmediaName">YOUTUBE</a>
+            </div>
+          </div>
         </div>
-        <div class="footer-line"></div>
-        <div class="lower_part">   
-
-
-            <div class="copyright-disclaimer" >©2023 - Tree2Hope All rights reserved</div>
-
+      </div>
+      <div class="footer-line"></div>
+      <div class="lower_part">
+        <div class="copyright-disclaimer">
+          ©2023 - Tree2Hope All rights reserved
+        </div>
+      </div>
     </div>
-
-</body>
+  </body>
 </html>
diff --git a/style.css b/style.css
deleted file mode 100644
index c7220b1..0000000
--- a/style.css
+++ /dev/null
@@ -1,1154 +0,0 @@
-*{
-    scroll-behavior:smooth;
-}
-
-.quickLinkTextWrapper{
-    display: flex;
-    justify-content: center;
-    /* padding-left: 10rem; */
-    align-items: center;
-    gap: 3rem;
-    width: 70%;
-}
-
-.socialmediaTextWrapper{
-    display: flex;
-    justify-content: center;
-    width: 10%;
-}
-
-
-/* things to do/ */
-/* transistion part left of social media  */
-
-body{
-    margin: 0px;
-    padding: 0px;
-    font-family: sans-serif;
-    /* height: 600vh; */
-
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    flex-wrap: nowrap;
-    position: relative;
-}
-
-html{
-    scroll-behavior: smooth;
-}
-
-.section{
-    margin-bottom: 5rem;
-}
-
-.banner{
-    height: 100vh;
-    display: grid;
-    grid-template-rows: 10% 1fr;
-}
-
-.banner::before{
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    height: 100vh;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.6),rgba(29, 29, 29, 0.6)), url("images/For_Website/child-hands-holding-caring-young-green-plant.jpg");
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-attachment: fixed;
-    z-index: -1;
-}
-
-nav{
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0px 8%;
-
-    transition-property: background-color;
-    transition-duration: 0.3s;
-}
-
-nav .logo img{
-    cursor: pointer;
-}
-
-nav .nav_buttons{
-    padding: 0px;
-    margin: 0px;
-
-    height: 100%; 
-    width: 35%;
-    display: grid;
-    grid-template-columns: repeat(4, 1fr); 
-    position: relative;
-}
-
-.nav_buttons .nav_button{
-    text-decoration: none;
-    color: #bbbbbb; 
-    font-family: 'Poppins', sans-serif;
-    letter-spacing: 0.5px;
-
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    
-    font-size: 14px;
-    cursor: pointer;
-
-    transition-duration: 0.3s;
-    position: relative;
-}
-
-.nav_buttons .nav_button::after{
-    content: "";
-    position: absolute;
-    bottom: 30%; 
-    left: 15%;
-
-    height: 2px;
-    width: 0;
-
-    background-color: rgb(51, 175, 20);
-    border-radius: 20px;
-    transition: 0.3s;
-}
-
-.nav_buttons .nav_button:hover::after{
-    width: 70%;
-}
-
-.nav_buttons .nav_button:hover{
-    color: rgb(255, 255, 255);
-    transform: scale(1.1);
-}
-
-.banner .body{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    
-    flex-direction: column;
-    gap: 2%;
-}
-
-.body .text{
-    color: white;
-    font-size: 18px;
-
-    text-align: center;
-}
-
-.text .Big_Text{
-    font-size: 50px;
-    font-weight: bold;
-    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.514);
-}
-
-.body .page_buttons{
-    display: flex;
-    justify-content: space-between;
-}
-
-.page_buttons button{
-    --color_1: #ffffff;
-    color: #ffffff;
-    background: none;
-    font-family: 'Poppins', sans-serif;
-    font-size: 14px;
-
-    letter-spacing: 1px;
-    cursor: pointer;
-
-    padding: 15px 25px;
-    margin: 10px;
-
-    border: 1px solid var(--color_1);
-
-    transition: 0.5s;
-    position: relative;
-    overflow: hidden;
-}
-
-.page_buttons .two{
-    color: #000000;
-}
-
-.page_buttons .one:hover{
-    color: #000000;
-}
-
-.page_buttons .two:hover{
-    color: #ffffff;
-}
-
-.page_buttons button::before{
-    content: "";
-    position: absolute;
-    left: 0;
-    height: 0;
-    width: 100%;
-    background: var(--color_1);
-    transition: 0.5s;
-    z-index: -1;
-}
-
-.one::before{
-    top: 0;
-    border-radius: 0 0 50% 50%;
-}
-
-.two::before{
-    bottom: 0;
-    border-radius: 50% 50% 0 0;
-}
-
-.page_buttons .two::before{
-    height: 180%;
-}
-
-.page_buttons .one:hover::before{
-    height: 180%;
-}
-
-.page_buttons .two:hover::before{
-    height: 0;
-}
-
-.locations{
-    margin: 0px auto;
-    height: fit-content ;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    /* display: grid;
-    grid-template-rows: repeat(4, 1fr);
-    grid-template-columns: repeat(3, 1fr); */
-    /* justify-items: center; */
-    align-items: center;
-}
-
-.locations .heading{
-    grid-column-start: 1;
-    grid-column-end: 4;
-    font-size: 35px;
-    width: 100%;
-    text-align: center;
-}
-
-.locations .line{
-    height: 1px;
-    width: 60%;
-    background-color: #000000;
-    margin: 20px auto;
-}
-
-.image_container{
-    width: 100%;
-    display: grid;
-    grid-template-columns: repeat(auto-fit,minmax(360px,1fr));
-    row-gap: 10px;
-    column-gap: 10px;
-    padding: 20px;
-}
-
-.locations img{
-    width: 100%;
-    border-radius: 10px;
-
-    transition: 2sec;
-    background-image: red;
-}
-
-.locations .country_images{
-    position: relative;
-    transition: 0.5s;
-    cursor: pointer;
-    margin: 5px 10px;
-    display: flex;
-}
-
-.locations .country_images:hover{
-    transform: scale(1.05);
-}
-
-.country_images span{
-    color: white;
-    font-size: 18px;
-    font-family: 'Oswald', sans-serif;
-    position: absolute;
-    bottom: 0;
-    top: 80%;
-    left: 0;
-    right: 0;
-    background-color: rgba(0, 0, 0, 0.562);
-    border-radius: 0px 0px 10px 10px;
-    transition: 0.5s;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.locations .country_images:hover span{
-    background-color: #ffffff;
-    color: #000000;
-    outline: 1px solid rgba(0, 0, 0, 0.248);
-}
-
-.events{
-    height: 60vh;
-
-    background-image: linear-gradient(rgba(0, 0, 0, 0.55),rgba(0, 0, 0, 0.55)), url(images/For_Website/Event.jpg);
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-attachment: fixed;
-
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-}
-
-.plant_with_us{
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    color: white;
-    font-family: 'Oswald', sans-serif;
-    font-size: 50px;;
-    letter-spacing: 0.5px;
-    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.514);
-}
-
-.join_us{
-    font-family: Arial, Helvetica, sans-serif;
-    color: white;
-    font-size: 18px;
-    text-shadow: none;
-}
-
-.events button{
-    color: #ffffff;
-    background: none;
-    font-family: 'Poppins', sans-serif;
-    font-size: 15px;
-    letter-spacing: 0.5px;
-    
-    padding: 15px 25px;
-    margin: 40px;
-    border: 1px solid #ffffff;
-    cursor: pointer;
-
-    transition: 0.5s;
-}
-
-.events button:hover{
-    transform: scale(1.05);
-    color: #000000;
-    background-color: #ffffff;
-}
-
-.Video{
-    margin: 2em auto;
-    width: 70vw;
-    height: 80vh;
-}
-
-.Goals{
-    width: 80vw;
-    margin: 0px auto;
-    margin-bottom: 2em;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    /* display: grid;
-    grid-template-rows: 0.3fr 1fr;
-    grid-template-columns: repeat(3, 1fr); */
-    column-gap: 15vh;
-    text-align: center;
-}
-
-.Goals .heading{
-    width: 100%;
-    text-align: center;
-    font-size: 35px;
-    grid-column-start: 1;
-    grid-column-end: 4;
-}
-
-.Goals .line{
-    height: 1px;
-    width: 60%;
-    margin: 20px auto;
-    background-color: #000000;
-}
-
-.Goals .images {
-    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.377);
-    border-radius: 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    max-width: 300px;
-    margin: 5px 10px;
-    padding: 10px 5px;
-    gap: 4%;
-    font-size: 14px;
-}
-
-.Goals .images img{
-    margin: 5% auto;
-}
-
-.Goals .images span{
-    font-weight: 700;
-    font-size: 20px;
-    line-height: 24px;
-}
-
-.Goals .images .text{
-    flex: 1;
-    padding: 2%;
-}
-
-.get_involved{
-    margin: 0px auto;
-    width: 80vw;
-    display: flex;
-    justify-content: center;
-    flex-wrap: wrap;
-}
-
-.get_involved .Option{
-    height: 400px;
-    width: 340px;
-    margin: 8px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: white;
-    font-family: 'Poppins', sans-serif;
-    letter-spacing: 2px;
-    font-size: 25px;
-    cursor: pointer;
-    border-radius: 15px;
-    transition: background-color 0.5s ease, transform 0.5s ease-in-out, color 0.5s ease-in-out;
-}
-
-.get_involved .Option:hover {
-    background-color: rgba(149, 165, 166, 0.1); 
-    transform: scale(1.02);
-    color : #333;
-}
-
-.get_involved #_1{
-    background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)), url("images/For_Website/Individual.jpg");
-    background-size: cover;
-}
-
-.get_involved #_2{
-    background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)), url("images/For_Website/Businesses.jpg");
-    background-size: cover;
-}
-
-.get_involved #_3{
-    background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)), url("images/For_Website/School.jpg");
-    background-size: cover;
-}
-
-.Donate{
-    /* height: 60vh; */
-    padding: 10vh 0px;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url("https://i.pinimg.com/originals/80/6d/6b/806d6b97c0f3194063250e416f00084f.jpg");
-    background-size: cover;
-    background-attachment: fixed;
-
-    color: rgb(255, 255, 255);
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-}
-
-.Donate .text{
-    position: relative;
-
-    text-align: center;
-    font-size: 25px;
-    font-family: 'Ysabeau', sans-serif;
-}
-
-.Donate span{
-
-    font-size: 20px;
-
-}
-
-.Donate button{
-    color: #000000;
-    background: white;
-    font-family: 'Poppins', sans-serif;
-    font-size: 15px;
-    letter-spacing: 0.5px;
-    
-    padding: 15px;
-    border: 1px solid #ffffff;
-    cursor: pointer;
-
-    transition: 0.5s;
-}
-
-.Donate button:hover{
-    transform: scale(1.05);
-    color: #ffffff;
-    background-color: rgba(0, 0, 0, 0);
-}
-
-.footer{
-    background-color: #141414;
-    box-sizing: border-box;
-    border-top: 1px solid black;
-    color: rgb(160, 160, 160);
-    font-family: 'Poppins', sans-serif;
-    width: 100%;
-    padding: 0.5rem 2rem;
-
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-}
-.upperHeading{
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-}
-
-.qLine{
-    background-color: grey;
-    width: 200px;
-    height: 1px;
-}
- 
-
-.upper_part{
-    justify-content: space-between;
-    display: flex;
-    flex-direction: column;
-    height: 250px;
-    width: 100%;
-    /* background-color: red; */
-}
-
- .links{
-    flex: 1.5;
-    display: flex;
-    justify-content: space-between;
-    height: auto;
-}
-
-.socialmediaName{
-    text-decoration: none;
-    color: rgb(160, 160, 160);
-    font-size: 15px;
-    font-family: 'Poppins', sans-serif;
-    transition: 0.2s;
-    letter-spacing: 0.5px;
-}
-
-.quick-links, .socialmediaTxt{
-    font-family: 'Poppins', sans-serif;
-    color: green;
-    letter-spacing: 1px;
-}
-.upper_part .links a{
-    text-decoration: none;
-    letter-spacing: 0.5px;
-    font-family: 'Poppins', sans-serif;
-    color: rgb(160, 160, 160);
-    font-size: 15px;
-    position: relative;
-    transition: 0.2s;
-}
-.socialmediaName :hover{
-    color: grey;
-}
-
-.links a:hover{
-    color: rgb(255, 255, 255);
-}
-
-.links .column{
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    gap: 20px;
-}
-
-
-
-.upper_part .container{
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: flex-end;
-    gap: 15px;
-}
-
-.container input{
-    height: 30px;
-    width: 250px;
-
-    border: 1px solid rgb(255, 255, 255);
-    border-radius: 5px;
-    color: rgb(0, 0, 0);
-    padding-left: 10px;
-    margin: 5px;
-    background-color: white;
-}
-
-.container input::placeholder{
-    font-size: 12px;
-}
-
-.container button{
-
-    font-family: 'Poppins', sans-serif;
-    font-size: 13px;
-    letter-spacing: 0.5px;
-    background-color: rgba(255, 255, 255, 0);
-    color: white;
-    border: 1px solid white;
-    
-    padding: 8px 15px;
-    border-radius: 5px;
-    cursor: pointer;
-    transition: 0.5s;
-}
-
-
-
-
-.container .Login a{
-    color: white;
-}
-
-.copyright-disclaimer{
-    font-size: 14px;
-    color: rgba(128, 128, 128, 0.643);
-    padding-top: 0.5rem;
-}
-.footer .lower_part{
-    flex: 0.3;
-    display: flex;
-   
-}
-.socialMediaIcon{
-width: 42px;
-cursor: pointer;
-}
-.footer-line{
-    width: 90%;
-    height: 1px;
-    background-color: grey;
-}
-
-.lower_part{
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-    gap: 2rem;
-}
-
-
-.imgWrapper{
-    display: flex;
-    align-items: center;
-    height: 32px;
-    cursor: pointer;
-}
-
-.lower_part {
-    gap: 10px;
-}
-
-.imgWrapper img{
-    transition: 0.5s;
-}
-
-.social_medias{
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-    gap: 8px;
-}
-
-.social_medias img:hover{
-    transform: scale(1.1);
-}
-
-.lower_part .rights_reserved{
-    position: absolute;
-    bottom: 60%;
-    right: 35%;
-}
-
-
-@media only screen and (min-width:650px) and (max-width:900px){
-
-.upper_part .links a{
-    text-decoration: none;
-    letter-spacing: 0.5px;
-    font-family: 'Poppins', sans-serif;
-    color: rgb(160, 160, 160);
-    font-size: 12px;
-    position: relative;
-    transition: 0.2s;
-}
-.upper_part .links a:hover{
-    color: white;
-}
-.upper_part{
-    padding-bottom: 1rem;
-}
-.socialmediaName{
-
-    text-decoration: none;
-    color: rgb(160, 160, 160);
-    font-size: 12px;
-    font-family: 'Poppins', sans-serif;
-    transition: 0.2s;
-    letter-spacing: 0.5px;
-}
-.socialmediaName:hover{
-    color: white;
-}
-
-.links{
-    display: flex;
-    gap: 2rem;
-}
-}
-
-
-
-@media only screen and (min-width:600px) and (max-width:650px){
-
-    .upper_part .links a{
-        text-decoration: none;
-        letter-spacing: 0.5px;
-        font-family: 'Poppins', sans-serif;
-        color: rgb(160, 160, 160);
-        font-size: 8px;
-        position: relative;
-        transition: 0.2s;
-    }
-    .upper_part .links a:hover{
-        color: white;
-    }
-    
-    .socialmediaName{
-    
-        text-decoration: none;
-        color: rgb(160, 160, 160);
-        font-size: 8px;
-        font-family: 'Poppins', sans-serif;
-        transition: 0.2s;
-        letter-spacing: 0.5px;
-    }
-    .socialmediaName:hover{
-        color: white;
-    }
-    .imgWrapper{
-        display: flex;
-        align-items: center;
-        height: 32px;
-
-        cursor: pointer;
-    }
-    .imgWrapper img{
-        height: 28px;
-        width: 28px;
-        transition: 0.5s;
-    }
-    
-    .social_medias{
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
-        gap: 5px;
-    }
-    
-    .social_medias img:hover{
-        transform: scale(1.1);
-    }
-
-    }
-
-@media only screen and (min-width:500px) and (max-width:600px){
-
-    .upper_part .links a{
-        text-decoration: none;
-        letter-spacing: 0.5px;
-        font-family: 'Poppins', sans-serif;
-        color: rgb(160, 160, 160);
-        font-size: 8px;
-        position: relative;
-        transition: 0.2s;
-    }
-    .upper_part .links a:hover{
-        color: white;
-    }
-    
-    .socialmediaName{
-    
-        text-decoration: none;
-        color: rgb(160, 160, 160);
-        font-size: 8px;
-        font-family: 'Poppins', sans-serif;
-        transition: 0.2s;
-        letter-spacing: 0.5px;
-    }
-    .socialmediaName:hover{
-        color: white;
-    }
-    .imgWrapper{
-        display: flex;
-        align-items: center;
-        height: 32px;
-
-        cursor: pointer;
-    }
-    .imgWrapper img{
-        height: 28px;
-        width: 28px;
-        transition: 0.5s;
-    }
-    
-    .social_medias{
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
-        gap: 1px;
-    }
-    
-    .social_medias img:hover{
-        transform: scale(1.1);
-    }
-
-    }
- @media only screen and (min-width:400px) and (max-width:500px){
-    .upper_part .links a{
-        text-decoration: none;
-        letter-spacing: 0.5px;
-        font-family: 'Poppins', sans-serif;
-        color: rgb(160, 160, 160);
-        font-size: 10px;
-        position: relative;
-        transition: 0.2s;
-    }
-    .upper_part{
-        height: auto;
-
-    }
-
-
-    .links{
-        display: flex;
-        flex-wrap: wrap;
-        height: auto;
-        gap: 1.25rem;
-
-    }
-    .upper_part .links a:hover{
-        color: white;
-    }
-    
-    .socialmediaName{
-    
-        text-decoration: none;
-        color: rgb(160, 160, 160);
-        font-size: 10px;
-        font-family: 'Poppins', sans-serif;
-        transition: 0.2s;
-        letter-spacing: 0.5px;
-    }
-    .socialmediaName:hover{
-        color: white;
-    }
-    .imgWrapper{
-        display: flex;
-        align-items: center;
-        height: 23px;
-
-        cursor: pointer;
-    }
-    .imgWrapper img{
-        height: 28px;
-        width: 28px;
-        transition: 0.5s;
-    }
-    
-    .social_medias{
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
-        gap: 1px;
-        width: 139px;
-    }
-    
-    .social_medias img:hover{
-        transform: scale(1.1);
-    }
-    .socialmediaTextWrapper{
-        display: none;
-    }
-    .links .column{
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        gap: 7px;
-        width: 140px;
-    }
-    
-    .footer{
-        background-color: #141414;
-        box-sizing: border-box;
-        border-top: 1px solid black;
-        color: rgb(160, 160, 160);
-        font-family: 'Poppins', sans-serif;
-        width: 100%;
-        padding: 0.5rem 2rem;
-    
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-    }
-
-    .quickLinkTextWrapper{
-        display: flex;
-        /* justify-content: center; */
-        /* padding-left: 10rem; */
-        align-items: center;
-        /* gap: 3rem; */
-        width: 100%;
-    }
-    .upper_part{
-        padding-bottom: 12px;
-    }
-
- }
-
-
-
- @media only screen and (min-width:300px) and (max-width:399px){
-    .upper_part .links a{
-        text-decoration: none;
-        letter-spacing: 0.5px;
-        font-family: 'Poppins', sans-serif;
-        color: rgb(160, 160, 160);
-        font-size: 15px;
-        position: relative;
-        transition: 0.2s;
-    }
-    .upper_part{
-        height: auto;
-
-    }
-
-
-    .links{
-        display: flex;
-        flex-wrap: wrap;
-        height: auto;
-        gap: 1.25rem;
-
-    }
-    .upper_part .links a:hover{
-        color: white;
-    }
-    
-    .socialmediaName{
-    
-        text-decoration: none;
-        color: rgb(160, 160, 160);
-        font-size: 15px;
-        font-family: 'Poppins', sans-serif;
-        transition: 0.2s;
-        letter-spacing: 0.5px;
-    }
-    .socialmediaName:hover{
-        color: white;
-    }
-
-    .upper_part{
-        padding-bottom: 12px;
-    }
-    .imgWrapper{
-        display: flex;
-        align-items: center;
-        height: 23px;
-
-        cursor: pointer;
-    }
-    .imgWrapper img{
-        height: 28px;
-        width: 28px;
-        transition: 0.5s;
-    }
-    
-    .social_medias{
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
-        gap: 6px;
-        width: 139px;
-    }
-    
-    .social_medias img:hover{
-        transform: scale(1.1);
-    }
-    .socialmediaTextWrapper{
-        display: none;
-    }
-    .links .column{
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        gap: 7px;
-        width: 200px;
-
-    }
-    
-    .footer{
-        background-color: #141414;
-        box-sizing: border-box;
-        border-top: 1px solid black;
-        color: rgb(160, 160, 160);
-        font-family: 'Poppins', sans-serif;
-        width: 100%;
-        padding: 0.5rem 2rem;
-    
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-    }
-
-    .quickLinkTextWrapper{
-        display: flex;
-        /* justify-content: center; */
-        /* padding-left: 10rem; */
-        align-items: center;
-        /* gap: 3rem; */
-        width: 100%;
-    }
-
- }
-
- @media only screen and (min-width:250px) and (max-width:299px){
-    .upper_part .links a{
-        text-decoration: none;
-        letter-spacing: 0.5px;
-        font-family: 'Poppins', sans-serif;
-        color: rgb(160, 160, 160);
-        font-size: 15px;
-        position: relative;
-        transition: 0.2s;
-    }
-    .upper_part{
-        height: auto;
-
-    }
-
-
-    .links{
-        display: flex;
-        flex-wrap: wrap;
-        height: auto;
-        gap: 1.25rem;
-
-    }
-    .upper_part .links a:hover{
-        color: white;
-    }
-    
-    .socialmediaName{
-    
-        text-decoration: none;
-        color: rgb(160, 160, 160);
-        font-size: 15px;
-        font-family: 'Poppins', sans-serif;
-        transition: 0.2s;
-        letter-spacing: 0.5px;
-    }
-    .socialmediaName:hover{
-        color: white;
-    }
-
-    .upper_part{
-        padding-bottom: 12px;
-    }
-    .imgWrapper{
-        display: flex;
-        align-items: center;
-        height: 23px;
-
-        cursor: pointer;
-    }
-    .imgWrapper img{
-        height: 28px;
-        width: 28px;
-        transition: 0.5s;
-    }
-    
-    .social_medias{
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
-        gap: 6px;
-        width: 139px;
-    }
-    
-    .social_medias img:hover{
-        transform: scale(1.1);
-    }
-    .socialmediaTextWrapper{
-        display: none;
-    }
-    .links .column{
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        gap: 7px;
-        width: 200px;
-
-    }
-    
-    .footer{
-        background-color: #141414;
-        box-sizing: border-box;
-        border-top: 1px solid black;
-        color: rgb(160, 160, 160);
-        font-family: 'Poppins', sans-serif;
-        width: 100%;
-        padding: 0.5rem 2rem;
-    
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-    }
-
-    .quickLinkTextWrapper{
-        display: flex;
-        /* justify-content: center; */
-        /* padding-left: 10rem; */
-        align-items: center;
-        /* gap: 3rem; */
-        width: 100%;
-    }
-
- }
\ No newline at end of file