.wt {
    color: white;
    border-radius: 0.375rem; 
    text-shadow: 0px 0px 5px #444;
    padding-bottom: 0.5px;
    margin-bottom: 10px;
  }

  .fixrows {
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    justify-items: center;
  }

  .ff {
    width: calc(30rem - 25px); 
      
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 10px 1px #444;
    background-clip: padding-box;
  }

  .etb {
    border-radius: 0.375rem; 
    border-style: none;
    margin: 0px;
    overflow: hidden;
  }

  .gtitle {
    font-size: 30px;
    color: white;
    transition: cubic-bezier(0.23, 1, 0.320, 1) 0.55s;
    transform: translateY(180px);
    border-radius: 1000px;
    white-space: nowrap;
    text-wrap:nowrap;
    overflow-wrap: break-word; 
    width: min-content;
    background-color: #00000088;
    padding: 2px 8px 2px 8px;
    margin: -3px;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    transition-delay: 0.03s;
  }

  .gdesc {
    width: 24rem; 
    margin: 15px; 
    margin-top: 10px;
    color: white;
  }


  .movable {
    transition: cubic-bezier(0.23, 1, 0.320, 1) 0.5s;
    transform: translateX(-130%);
    transition-delay: 0.0s;
  }
  .hoverable:hover .movable {
    transform: translateX(0);
    transition-delay: 0.03s;
  }
  

  .hoverable:hover .gtitle {
    transform: translateY(0);
    transition-delay: 0.0s;
    transition-duration: 0.5s;
  }

  .asdf44 {
    transition: ease-in-out 0.3s;
  }
  .hoverable:hover .asdf44 {
    backdrop-filter: blur(5px) brightness(0.6);
    -webkit-backdrop-filter: blur(5px) brightness(0.6);
  }

  .hoverable:hover .hoverbg {
    backdrop-filter: blur(5px) brightness(0.6);
    -webkit-backdrop-filter: blur(5px) brightness(0.6);
    background:none;
  }