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

article{
    position: relative;
}

h1{
    font-family: bitter-uniquifier;
    font-size: 60px;
    text-align: center;
    color: rgb(105, 102, 102);
}

.bitter-uniquifier {
  font-family: "Bitter", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body{
    background-color: rgb(42, 43, 44);
}

  #cards{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: grid;
    justify-items: center;
  }

  /*  #memes{
    transition: 0.5s;
  }

  #memes{
    width: 200px;
    height: 200px;
    border-radius: 15px;
    opacity: 0;
    position: absolute;
    top: 0.1rem;
  }*/

#cartoon{
    width: 300px;
    height: 300px;
    border-radius: 9px;
    opacity: 1;
}

#cartoon:hover{
   transform: scale(0.9);
    border-radius: 15px;
    opacity: 1;
    box-shadow: 5px 5px 10px rgb(165, 7, 7);
    transition: 0.5s;
}

.text{
  font-family:bitter-uniquifier;;
  font-size: 2rem;
  color: white;
  text-align: center;
}