/***  portfolio page  ***/

.retro-link {
  margin-top: 3em !important;
  font-size: 1.1em;
  min-width: 200px;
  font-family: "M PLUS 1 Code", monospace;
  padding: .5rem 1rem; /* Bootstrap 5 default for .btn */
  margin: 0.5rem; /* Margin for spacing */
  color: #25c9ce; /* Text color */
  background-color: #222121; /* Button background color */
  border: 1px solid #25c9ce; /* Border color */
  text-decoration: none; /* Remove the underline from links */
  display: inline-block; /* Allow for text-center alignment */
  box-shadow: none; /* Remove any box-shadow */
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; /* Smooth transition for hover effects */
}

.retro-link:hover, .retro-link:focus {
  color: white; /* Text color on hover/focus */
  background-color: #3a777972; /* Background color on hover/focus */
  border-color: white; /* Border color on hover/focus */
}

.text-center {
  text-align: center; /* Center text */
}

.container {
  display: flex; /* Use flexbox */
  align-items: center; /* Center vertically */
  justify-content: center; /* Center horizontally */
}

.row {
  width: 100%; /* Full width */
}


.website p {
  font-size: 1.2em;
  font-family: "M PLUS 1 Code", monospace;
  color: #f6f6f6 !important;
  text-align: left !important;


}

.website .hero-content {
  padding-left: 1.1em;
}

.website h3 {
  text-align: left !important;
  color: #ffde59; 
  margin-top: 1.5em;

}

.website .custom-button {
  margin-top: 1.5em !important;
}












.cat-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 2.5em;
}

.cat-text h1 {
  color: #f6f6f6 !important;
  font-size: 1em !important;
  font-family: "M PLUS 1 Code", monospace;
  margin-top: 1em;
}

.cat-text .brackets {
  font-size: 1.5em !important;
}

p {
  font-size: 1.2em;
  font-family: "M PLUS 1 Code", monospace;
  color: #f6f6f6 !important;
  text-align: left !important;
}







/*** resume ***/ 

.cv .custom-button-2 {
  margin: .5em 0 !important;
  
}





/**** contact me ****/

.contact table tr td {
  border: none;
}

.contact table .contact-me {
  padding-top: 0 !important;
}

  /* Targets anchor tags specifically within the .contact-me section */
  .contact-me a {
    text-decoration: none;
    color: #f6f6f6; /* Change this color as needed */
  }

  /* Targets <strong> tags within anchor tags specifically within the .contact-me section */
  .contact-me a strong {
    color: #25c9ce; /* Change this color as needed */
  }