body {
  padding: 26px;
  margin: 0;
  background-color: black;
  display: grid;
  place-items: center;
  font-family: "Sora", sans-serif;
  max-width:1200px;
  text-align:center;
  margin-left:auto ;
  margin-right:auto;
  color:#a9a9a9;
}

.grid {
  display: grid;
  gap: 16px;
  width: 100%;
  height: 100%;
  grid-template-areas: "head head head head" "printing printing printing printing" "printing1 printing1 printing2 printing2" "marketing marketing marketing marketing" "marketing1 marketing1 marketing2 marketing2" "more more more more" "foot1 foot1 foot1 foot1" "foot3 foot3 foot3 foot3"
}


@media (max-width:650px) {
  .grid {
    grid-template-areas: "head" "printing" "printing1" "printing2" "marketing" "marketing1" "marketing2" "more" "foot1" "foot2" "foot3"
  }
  
  [data-area="small"] span,[data-area="small"] span {
    font-size:1.75rem !important;
  }
  
  [data-area="grow"] {
    flex-direction: column !important;
    text-align: center;
    & span {
    font-size:1.75rem !important;
    }
  }
  
  #schedule {
    position: static !important;
    scale: 1 !important;
  }
}

.items {
  background: var(--bg);
  color: var(--text);
  grid-area: var(--area);
  padding: 15px;
  border-radius: 25px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  flex-direction: var(--fd);
  overflow: hidden;

  
  & span {
    font-size: 2.5rem;
    line-height: 1.4ch;
    font-weight: 500;
  }
  
  & img {
    max-width: 100%;
    width: var(--width);
    height: var(--height);
  }
}



a {

  transition: transform 0.3s ease-in-out; /* Smooth transition */
  color:#a9a9a9;

}
a :hover{
transform: scale(1.2);
color:#00ffff;
}

.button {
  background-image: linear-gradient(135deg,rgb(89, 89, 89) 0%, rgb(68, 68, 68) 100%);
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  font-family: "Sora", sans-serif;
  font-size: 1.7rem;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 16px;
  width:100%;
}
.button2 {
  background-color: #00ffff;
  border: none;
  color: black;
  padding: 10px 20px;
  text-align: center;
  font-family: "Sora", sans-serif;
  font-size: 1.7rem;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 16px;
  width:100%;
}