.Grid_layout_1 > .title {
  margin-bottom: 3vw;
}

.Grid_layout_2 {
  --border-width: 3rem;
  width: 100%;
  height: max-content;
  background-color: #dee2e6;
  padding: var(--border-width);
  gap: var(--border-width);
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-template-rows: auto;
  grid-template-areas: "title_post_date content_post_date" "title_post_properties content_post_properties" "title_post_unit content_post_unit" "title_post_title content_post_title" "title_post_conten content_post_conten" "title_post_appdix content_post_appdix";
}
.Grid_layout_2 .title, .Grid_layout_2 .content {
  min-height: 60rem;
  align-items: center;
  font-size: 1.25em;
}
.Grid_layout_2 .title {
  background-color: #edf3f9;
  display: flex;
  justify-content: center;
  padding: 0 1vw;
}
.Grid_layout_2 .content {
  background-color: white;
  display: flex;
  padding-left: 2vw;
  font-weight: 400;
}
.Grid_layout_2 .title.post_date {
  grid-area: title_post_date;
}
.Grid_layout_2 .title.post_properties {
  grid-area: title_post_properties;
}
.Grid_layout_2 .title.post_unit {
  grid-area: title_post_unit;
}
.Grid_layout_2 .title.post_title {
  grid-area: title_post_title;
}
.Grid_layout_2 .title.post_conten {
  grid-area: title_post_conten;
  align-items: flex-start;
  padding-top: 15rem;
}
.Grid_layout_2 .title.post_appdix {
  padding-top: 15rem;
  grid-area: title_post_appdix;
  align-items: flex-start;
}
.Grid_layout_2 .content.post_date {
  grid-area: content_post_date;
}
.Grid_layout_2 .content.post_properties {
  grid-area: content_post_properties;
}
.Grid_layout_2 .content.post_unit {
  grid-area: content_post_unit;
}
.Grid_layout_2 .content.post_title {
  grid-area: content_post_title;
}
.Grid_layout_2 .content.post_conten {
  grid-area: content_post_conten;
  all: initial;
  background-color: white;
  width: 100%;
  padding: 15rem 2vw;
  box-sizing: border-box;
  white-space: pre-wrap;
  overflow: hidden;
}
.Grid_layout_2 .content.post_conten * {
  all: revert;
  font-size: revert !important;
}
.Grid_layout_2 .content.post_appdix {
  grid-area: content_post_appdix;
  padding: 15rem 1.5vw;
  align-items: flex-start;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200rem, 1fr));
  gap: 1.5vw;
}
.Grid_layout_2 .content.post_appdix .appdix_link {
  width: 100%;
  height: max-content;
  border: 1rem solid #dee2e6;
  border-radius: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease-in-out;
}
.Grid_layout_2 .content.post_appdix .appdix_link::before {
  content: "";
  height: 34rem;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yLjM0Mzc1IDE1LjU5MzhDMC41IDEzLjY4NzUgMC41MzEyNSAxMC42NTYyIDIuMzc1IDguNzgxMjVMOC45Mzc1IDIuMDYyNUMxMC4zMTI1IDAuNjU2MjUgMTIuNTYyNSAwLjY1NjI1IDEzLjk2ODggMi4wNjI1QzE1LjMxMjUgMy40Njg3NSAxNS4zNDM4IDUuNzUgMTMuOTY4OCA3LjE1NjI1TDguMjUgMTNDNy4zMTI1IDEzLjkzNzUgNS43ODEyNSAxMy45Mzc1IDQuODc1IDEyLjk2ODhDMy45Njg3NSAxMi4wMzEyIDQgMTAuNTMxMiA0LjkwNjI1IDkuNjI1TDkuNDA2MjUgNS4wMzEyNUM5LjU5Mzc1IDQuODQzNzUgOS45MDYyNSA0LjgxMjUgMTAuMTI1IDUuMDMxMjVMMTAuODEyNSA1LjcxODc1QzExLjAzMTIgNS45MDYyNSAxMS4wMzEyIDYuMjE4NzUgMTAuODQzOCA2LjQzNzVMNi4zNDM3NSAxMUM2LjE4NzUgMTEuMTU2MiA2LjE4NzUgMTEuNDM3NSA2LjMxMjUgMTEuNTkzOEM2LjQ2ODc1IDExLjcxODggNi42ODc1IDExLjcxODggNi44MTI1IDExLjU5MzhMMTIuNTMxMiA1Ljc1QzEzLjEyNSA1LjEyNSAxMy4xMjUgNC4wOTM3NSAxMi41MzEyIDMuNDY4NzVDMTEuOTM3NSAyLjg3NSAxMC45Njg4IDIuODc1IDEwLjM3NSAzLjQ2ODc1TDMuODEyNSAxMC4xODc1QzIuNzE4NzUgMTEuMjgxMiAyLjcxODc1IDEzLjA5MzggMy43ODEyNSAxNC4xODc1QzQuODQzNzUgMTUuMjgxMiA2LjU2MjUgMTUuMjgxMiA3LjYyNSAxNC4xODc1TDEzIDguNjg3NUMxMy4xODc1IDguNSAxMy41IDguNSAxMy42ODc1IDguNjg3NUwxNC40MDYyIDkuNDA2MjVDMTQuNjI1IDkuNTkzNzUgMTQuNjI1IDkuOTA2MjUgMTQuNDM3NSAxMC4wOTM4TDkuMDYyNSAxNS41OTM4QzcuMTg3NSAxNy41IDQuMTg3NSAxNy40Njg4IDIuMzQzNzUgMTUuNTkzOFoiIGZpbGw9IiMyMTI1MjkiLz4NCjwvc3ZnPg0K");
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}
.Grid_layout_2 .content.post_appdix .appdix_link span {
  width: 100%;
  height: 100%;
  padding: 5rem;
  text-align: center;
  font-weight: 400;
}
.Grid_layout_2 .content.post_appdix .appdix_link:hover {
  transform: scale(1.05);
  box-shadow: 3rem 3rem 5rem rgba(0, 0, 0, 0.1);
}

.back_btn {
  background-color: white;
  border: 1rem solid #dee2e6;
  border-radius: 5rem;
  font-weight: 400;
  color: #6c757d;
  padding: 5rem 12rem;
  margin-top: 3vw;
}

.back_btn:hover {
  mix-blend-mode: difference;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .Grid_layout_2 {
    display: flex !important;
    justify-content: flex-start;
    flex-direction: column;
  }
  .Grid_layout_2 .title {
    min-height: 45rem;
  }
  .Grid_layout_2 .title.post_appdix,
.Grid_layout_2 .title.post_conten {
    padding-top: 0 !important;
    align-items: center;
  }
}