* {
  margin: 0;
  padding: 0;
}
.navbar {
  /* background: white; */
  /* border-bottom: 3px solid #8fb7e1; */
  box-shadow: 0 4px 2px -2px rgb(2, 217, 2);
}
.header_img img {
  height: 6rem !important;
}
.nav-link {
  color: rgb(36, 50, 250) !important;
  font-size: large !important;
  font-weight: bolder !important;
  padding-right: 1.8rem !important;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: black;
}
.hover-underline-animation::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: rgb(2, 217, 2);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.navbar-collapse {
  padding-left: 2rem;
}
/* ------------------------------------ footer 000 */
.footer {
  background-image: url(../css/images/Rectangle\ 172.png);

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* .follow-me-footer {
  color: black;
  font-size: 28px;

  text-align: center;
} */

.footer-content h1 {
  font-size: 100px;
  color: white;
  font-weight: 800;
}
.footer-content h2 {
  margin-top: -30px;
  font-size: 100px;
  color: black;
}
.footer-content p {
  width: 190px;
  margin: auto;
  padding: 7px;
}

.list {
  padding-left: 0rem !important;
}
.list li {
  list-style-type: none;
  padding: 7px;
  position: relative;
}
.list li a {
  color: white;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  text-decoration: none;
}
.list li a:hover {
  color: #d03e09;
}
.social-icons {
  text-align: center;
  padding: 0;
}
.social-icons li {
  display: inline-block;
  text-align: center;
  padding: 5px;
}
.social-icons i {
  color: white;
  font-size: 2rem;
}
a {
  text-decoration: none;
}
a:hover {
  color: #d03e09;
}
.social-icons i:hover {
  color: #d03e09;
}
.bottom-bar {
  border-top: 3px solid black;

  /* background-color: #8c2332; */
  text-align: center;
  padding: 10px 0;
  margin-top: 50px;
}
.bottom-bar p {
  color: white;
  margin: 0;
  opacity: 0.88;
  font-size: 18px;
  padding: 7px;
}
.bottom-bar abbr:hover {
  color: #d03e09 !important;
}
.footer-content {
  padding-left: 0px !important;
}
.footer-follow-me {
  position: relative;
}
@media screen and (max-width: 480px) {
  .footer-follow-me {
    width: 50% !important;
    margin-top: 0rem;
    padding-left: 0 !important;
  }
  .follow-me {
    width: 50%;
    float: none !important;
  }
  .useful-links {
    width: 50% !important;
  }
  .useful-links h3 {
    font-size: medium !important;
  }
  .social-icons i {
    font-size: 20px;
  }
  .follow-me h3 {
    width: 200% !important;
    padding-left: 8px !important;
    font-size: medium !important;
  }
  .social-icons {
    display: flex;
  }
  .list li a {
    font-size: medium;
  }
}

.follow-me {
  /* width: 236%; */
  float: right;
}
.follow-me h3 {
  padding-left: 15px;
}