@import "colours.css";
@import "typography.css";
@import "layout.css";
@import "header.css";
@import "logo.css";
@import "about.css";
@import "footer.css";

body {
  background-color: var(--bg);
  color: var(--fg);
}

.material-symbols-outlined {
  display: inline-block;
  width: 24px; /* Match your icon size */
  height: 24px;
  font-size: 24px;
  line-height: 1;

  /* Prevent word-wrap if the ligature is long */
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.post__panel {
  background-color: var(--inner-bg);
  border-radius: 1rem;
  margin: 1rem 0px;
  padding: 0.5rem 1rem;
}

.post__panel:hover {
  margin-left: 1rem;
}

.simple_button {
  background-color: var(--base06);
  color: var(--base00) !important;
  padding: 0.8rem 1.5rem;
  border-radius: 1rem;
  text-decoration: none;
  font-weight: bolder;
  border: 1px solid rgba(27, 31, 35, 0.15);
  display: inline-block;
}

.simple_button:hover {
  padding-left: 1.4rem;
}