@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

body {
  background-color: #f7f4f1;
  font-family: "Figtree", sans-serif;
}

.c-powered,
#c-header .text-header {
  display: none;
}

#c-header .c-menu {
  box-shadow: none;
  border-bottom: 1px solid #e5e5e5;
  padding: 0;
  height: 60px;
}

.container {
  width: 100%;
  max-width: 1024px;
  margin: 0;
  padding-inline: 16px;
}

#c-header .container > div > a:first-child {
  width: 81px;
  height: 60px;
}

#c-header a > img {
  object-fit: cover;
  width: 100%;
}

#p-home {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

#p-home .p-home__welcome-col>:first-child,
#p-home .p-home__posts-col {
  border-radius: 12px;
  border-color: #e5e5e5;
}

#p-show-post .p-show-post__main-col,
#p-show-post .p-show-post__action-col>:first-child {
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #e5e5e5;
}

@media (min-width: 768px) {
  .container {
    padding-inline: 24px;
  }
}