:root{
  --card-color: #422a76;
  --bg-color: #2a2565;
}

body{
  background-color: var(--bg-color);
}

.mr{
  margin-right: 5px;
}

.profile-img img{
  border-radius: 50%;
  border: 10px solid var(--bg-color);
}

.profile{
  background-color: rgba(17, 25, 40, 0.75);
  backdrop-filter: blur(16px) saturate(180%);
  border-radius: 40px;
}

.custom-search-form input{
  color: white;
  background-color: var(--card-color) !important;
  border: 0;
}

.custom-search-form input:focus{
  color: white;
}

.custom-search-form input::placeholder{
  color: #c4c4c4;
}

.custom-search-form span button{
  background-color: var(--card-color);
}

a{
  margin: 10px 10px 0 0;
  padding: 5px 8px;
  display: inline-block;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, .2);
  backdrop-filter: blur(5px);
  transition: all .3s ease 0s;
}

a:hover{
  color: white;
  opacity: .7;
}