/* Basic CSS Reset */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Navigation */
#logo {
  filter: brightness(0) invert(1);
  width:3rem;   
}

#bell{
  filter: brightness(0) invert(1);
  width:1.5rem;   
}


/* Cards */
#bookmark{
  width:1.3rem; 
  padding: 0;
  margin: 0;  
}

#more{
  width: 3rem;
  padding: 0;
  margin: 0;  
}

#navbarCard{
  padding: 0;
  margin: 0; 
}

.card-header{
  padding: 0;
  margin: 0; 
}

#task{
  padding: 0;
  margin: 0; 
}





.relative{
  position: relative;
}

.d-inline-block{
  display: inline-block;
}

.thumbnail-text{
  position: absolute;
  bottom: 40%;
  left: 50%;
  transform: translateX(-50%);
}

#text-over{
  background-color: rgba(0, 0, 0, 0.3);
  padding: 1rem 1rem;
  color:#fff;  
}