style.css

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
  background-color: #6617cb;
  background-image: linear-gradient(315deg, #6617cb 0%, #cb218e 74%);
}
.header-title-name {
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  margin-bottom: 10px;
  background-color: #f907fc;
  background-image: linear-gradient(315deg, #f907fc 0%, #05d6d9 74%);
  padding: 10px;
  border-radius: 20px;
  text-align: center;
}
.header-title-name::after {
  content: " Mohanty";
}

.nav * {
  color: white !important; 
}

.header-title-avatar {
  box-shadow: 0px 0px 20px #00000055;
  border-radius: 10px; 
}

.nav-link-home::before {
  content: "Wicked Cool ";
}

.header-link-slack, .header-link-github {
  color: white;
}

.react-calendar-heatmap text {
  fill: white;
  font-weight: bold;
}

.header-streak::after {
  content: "!";
}
.header-streak {
  background-color: rgba(0, 0, 0, 0.2);
  color: white; 
}