body {
	font-family: "Noto Sans", sans-serif;
	color: white;
}

h1 {
  font-family: "Noto Sans", serif;
  font-optical-sizing: auto;
  font-size: 36px;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

h2, h3 {
  font-family: "Noto Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.noto-sans-<uniquifier> {
  font-family: "Noto Sans", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body {
  background-color: #01010A;  /* You can change this color to any valid CSS color */
}

.cover-photo {
  width:100%; /* Make the image responsive */
  height: auto; /* Maintain aspect ratio */
  object-fit: cover; /* Crop the image to fit the container */
  max-height: 1200px; /* Adjust as needed */
  border-radius: 2px; /* Optional: Add rounded corners */
}

.project-photo {
  width: 100%; /* Make the image responsive */
  height: auto; /* Maintain aspect ratio */
  object-fit: cover; /* Crop the image to fit the container */
  max-height: 300px; /* Adjust as needed */
  border-radius: 2px; /* Optional: Add rounded corners */
}

.custom-navbar {
  background-color: #1C1D2C;
}


.project-cover {
  height: 200px;
  object-fit: cover;
  width: 100%;
  border-top-left-radius: 0.45rem;
  border-top-right-radius: 0.45rem;
}

/* Dark project card overrides */
#projects .project-card .card {
  background-color: #000 !important;
  border: 1px solid #000 !important;
  color: white !important;
}

#projects .project-card .card-body {
  background-color: #000 !important;
  color: white !important;
}

#projects .project-card .card-title,
#projects .project-card .card-subtitle,
#projects .card-text {
  color: white !important;
}

#projects .project-card .card-subtitle {
  color: #ccc !important;
}

#projects .project-card .card-img-top.project-cover {
  height: 200px !important;
  width: 100% !important;
  object-fit: cover !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}