.page-grid {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1.5rem;
}

.page-grid > * {
	flex: 1;
	/* min-width: 220px; */
}

.home-page-content .entry {
	/* margin-bottom: 1rem; */
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	/* min-width: 220px; */
}

/* .home-page-content .entry-no-pad {
	margin-bottom: 1rem;
	min-width: 220px;
} */

.home-page-content .entry {
	/* margin-bottom: 1rem; */
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.home-page-content .split-entry {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
}

.home-page-content .split-entr-col .split-entry-col,
.home-page-content .split-entr-col .split-entry,
.home-page-content .split-entry .split-entry-col,
.home-page-content .split-entry .split-entry {
	flex: 1;
}

.home-page-content .split-entry-col {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
}

.home-page-content .split-entry-col > * {
	width: 100%;
}

.home-page-content .split-entry .entry,
.home-page-content .split-entry .entry-no-pad,
.home-page-content .split-entry .entry-no-size {
	flex: 1;
}

.home-page-content .split-entry .img-entry {
	flex: 1;
	position: relative;
	box-shadow: 0 0 10px rgba(46, 46, 46, 0.4);
	margin-bottom: 1rem;
	border-radius: 8px;
}

.home-page-content .split-entry .img-entry-smaller {
	flex: 0.75;
	position: relative;
	box-shadow: 0 0 10px rgba(46, 46, 46, 0.4);
	margin-bottom: 1rem;
	border-radius: 8px;
}

.home-page-content .split-entry .img-entry::after,
.home-page-content .img-entry-smalle::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.513);
	z-index: 10;
	border-radius: inherit;
}

.home-page-content .split-entry .img-entry img,
.home-page-content .split-entry .img-entry-smaller img {
	position: absolute;
	transition: transform 0.1s;
	will-change: transform;
}

.home-page-content h3 {
	font-size: 1.3rem;
	border-bottom: 1px solid var(--color-border);
}

#skills-box {
	min-width: 290px;
}

#focus-areas-box {
	min-width: 200px;
}

.me-img {
	background: var(--bg-image) center/cover no-repeat;
	min-height: 220px;
	min-width: 220px;
	border-radius: 8px;
	/* object-fit: fill; */
	/* contain: content; */
}


@media (max-width: 500px) {
  .home-page-content .split-entry {
    flex-direction: column;
    align-items: center;
  }

  .me-img {
    width: 100%;
    min-width: unset;
    min-height: 250px;
  }

  .home-page-content .entry,
  .home-page-content .entry-no-pad,
  .home-page-content .entry-no-size {
    width: 100%;
    flex: none;
  }

  .project-grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .project-card {
    width: 100%;
  }

  body {
    font-size: 16px;
    padding: 0 1rem;
  }

  .two-column-box {
    flex-direction: column;
  }

  .two-column-box-item {
    width: 100%;
  }
}