.projects {
  position: relative;
  z-index: 2;
}

.he{
  font-size: 2em;
  padding-top: 1.2em;
  padding-bottom: .8em;
}

.cards{
  margin: 3em 0;
  justify-content: center;
  text-align: left;
  gap: 30px;
}

.card{
  width: 265px;
  height: 350px;
  padding: 1em;
  /* margin: 1em; */
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  border: var(--border);
  border-radius: var(--b-radius);
  overflow: hidden;
}

.card h2{
  font-size: 1.5em;
  text-shadow: var(--shadow);
}

.deets p{
  /* color: #ffffff; */
  color: var(--text);
  opacity: .75;
}

.icons{
  position: relative;
  float: right;
  gap: 7px;
  display: flex;
  padding: 5px 2px;
  transition: .3s ease-in-out;
}

.icons img:hover{
  filter: drop-shadow(0 0 1px #7879da);
  transform: scale(1.2);
}

/* project cards */

.card:nth-child(1){
  background-image:var(--card-g), url('https://lilykhan786.github.io/Lilykhan/imgs/pro/template.png');
}
.card:nth-child(2){
  background-image:var(--card-g), url('https://lilykhan786.github.io/Lilykhan/imgs/pro/volant.png');
}
.card:nth-child(3){
  background-image:var(--card-g), url('https://lilykhan786.github.io/Lilykhan/imgs/pro/todo.png');
}
.card:nth-child(4){
  background-image:var(--card-g), url('https://lilykhan786.github.io/Lilykhan/imgs/pro/login.png');
}

/* contribution cards */

.card:nth-child(5){
  background-image:var(--card-g), url('https://lilykhan786.github.io/Lilykhan/imgs/cont/cj.png');
}
.card:nth-child(6){
  background-image:var(--card-g), url('https://lilykhan786.github.io/Lilykhan/imgs/cont/noirnight.png');
}
.card:nth-child(7){
  background-image:var(--card-g), url('https://lilykhan786.github.io/Lilykhan/imgs/cont/dreamcare.png');
}
.card:nth-child(8){
  background-image:var(--card-g), url('https://lilykhan786.github.io/Lilykhan/imgs/cont/skinre.png');
}