@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lilita+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=REM:wght@500&display=swap");
a {
  text-decoration: none;
}
.navbar {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
.profiloText {
  font-family: "Archivo Black", sans-serif;
}
.navbar-toggler {
  border: none;
  color: white;
}

/* Style the switch checkbox */
.form-check-input:checked {
  background-color: black; /* Change the background color to black when checked */
  border-color: black; /* Change the border color to black when checked */
  color: white; /* Change the text color to white when checked */
}
#moon {
  display: none;
}
#sun {
  display: block;
}
.first_txt {
  font-family: "REM", sans-serif;
  font-weight: bold;
  color: rgb(180, 119, 4);
}
.sec_txt {
  font-size: 40px;
  color: orangered;
  font-family: "Lilita One", cursive;
}
.about {
  font-size: 18px;
}
.letTalkBtn {
  padding: 7px 25px;
}
.letTalkBtn:hover {
  background: white;
  color: black;
}
.aboutLine {
  width: 15%;
  border: 3px solid orangered;
  border-radius: 10px;
}
.hrForProject {
  width: 15%; /* Set the width to 50% of its container */
  border: 3px solid rgba(197, 133, 14, 0.767); /* Add a border for visibility */
  margin: 10px auto; /* Center the <hr> element horizontally */
}
.nametxt {
  color: rgb(245, 66, 1);
  font-family: "Lilita One", cursive;
}
.projectInfo {
  height: 85px;
  overflow: scroll;
}
.projectInfo::-webkit-scrollbar {
  width: 0;
}
.projectName {
  font-family: "Lilita One", cursive;
}
button {
  font-weight: bold;
}