* {
  box-sizing: border-box;
}
p, a, div {font-size: 20px;}
.h1top {
      background-image: linear-gradient(90deg, rgba(247, 163, 93, 1), rgba(254, 231, 64, 1));
    backdrop-filter: blur(18px);
    padding: 10px;
    color: #fff;
}
.shopname {
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  gap: 20px;
  a {
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-decoration: none;
    color: orange;
    font-weight: bold;
    border: 2px solid orange;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    justify-content: center;
    overflow: hidden;
    transition: all 0.3s;
    span {
      font-size: 16px;
      display: block;
      color: gray;
      font-weight: normal;
    }
    .sc {
      position: absolute;
      font-size: 110px;
      font-style: italic;
      color: rgb(223, 223, 223);
      right: 5px;
    }
    &:hover {
      transform: scale(1.02);
    }
    &:active {
      transform: scale(0.98);
      opacity: 0.5;
    }
  }
}


/**/
.mangah2 {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  .mangah2 {
    display: flex;
    flex-direction: column;
  }

}

.hi {
  font-size: 13px;
  margin-top: 70px;
  padding: 10px;
}