day1.css

.box {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  background-color: #38e593;
  border: #38e593 none 2px;
  border-radius: 10px;
  padding: 16px;
  width: 470px;
  margin: 120px auto;

  line-height: 40px;


}

.btn {
  padding: 16px 40px;
  border-radius: 60px;
  border: none;
  align-items: center;
  font-size: 16px;
}

.box-card h1 {
  font-weight: 400;
}







.box-card {
  border: lightgray solid 2px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  width: 470px;
  border-radius: 10px;


  margin: 120px auto;
  box-sizing: border-box;
}

.photo-head {
  padding: 16px;
}

.body-photo {
  padding: 16px;

}

.profile-btn {
  font-style: normal;
  background-color: white;
  border: none;
  text-decoration: none;
  font-size: 20px;
}

.box-card p {

  color: #5f6367;
}

.border-top {
  margin: 20px auto;
  border-top: lightgray solid 2px;
  width: 100%;
  box-sizing: border-box;
}

.images {
  padding: 0px 30px;
  box-sizing: border-box;

}

.img-card h1 {
  font-weight: 400;
}

.img1 {
  width: 100px;
  height: 100px;
  padding: 20px;
  border-radius: 100px;

}

.img2 {
  width: 100px;
  height: 100px;
  padding: 20px;
  border-radius: 100px;

}









.img-card {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  width: 470px;
  border: lightgray solid 2px;
  border-radius: 10px;
  margin: 120px auto;


}

.body-card {
  padding: 16px;
}

.photo {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border-radius: 8px 8px 0px 0px;
}

.img-card p {
  color: #5f6367;
}

.card-btn {
  color: blue;
  border: lightgray solid 2px;
  padding: 16px;
  border-radius: 10px;
  background-color: white;
  font-size: 20px;
}












.login-box {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  width: 470px;

  border-radius: 10px;
  padding: 16px;

  margin: 120px auto;
  box-sizing: border-box;
}

.login-box p {
  color: #5f6367;
}

.login-box h1 {
  font-weight: 400;
}

input {
  width: 100%;
  padding: 14px;
  font-size: 16px;
  box-sizing: border-box;
  margin-bottom: 12px;
  border-radius: 10px;
  border: 1px solid lightgray;
}

.button {
  background-color: red;
  color: white;
  padding: 16px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  margin-top: 50px;
}

.btn-dark {
  background-color: black;
  color: white;
  font-size: 20px;
  border-radius: 40px;
  padding: 16px 40px;
}


.github-link {
  position: fixed;
  height: 100px;
  width: 100px;
  border-radius: 60px;
  left: 87%;
  top: 82%;
  /* Adjust as needed */
  z-index: -1;
  /* Ensures it appears above other content*/
}