:root {
  --profilePictureStackSize: 100px;
  --profilePicturePrimaryBorderWidth: 8px;
  --profilePictureSecondaryBorderWidth: 3px;
}

body {
  padding-top: 1rem;
  font-size: small;
}

#introTitle {
  font-size: 64;
  line-height: 1;
}

#introSubtitle {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: large;
}

#introList {
  padding-top: 0px;
  padding-bottom: 8px;
  font-size: small;
  line-height: 2.5;
}

#introKeywordThemed {
  border: 3px solid var(--keywordColor, var(--primaryLabelColor));
}

#socialIconsContainer {
  width: 18rem;
}

#socialIcon {
  width: 30px;
  height: 30px;
  border: 6px solid var(--entryBackgroundColor);
}

#content {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 2rem;
  margin-bottom: 4rem;
  padding-top: 0px;
  padding-bottom: 0px;
}

.entry {
  background-color: var(--entryBackgroundColor);
  box-shadow: 0px 0px 10px var(--entryShadowColor);
  border-radius: 36px;
  padding: 16px;
  overflow: hidden;
}

.projectTitleGroup {
  height: 60px;
}

.projectLogo {
  width: 60px;
  height: 60px;
}

.projectTextGroup {
  line-height: 1.8;
  padding-left: 4px;
  color: var(--secondaryLabelColor);
}

.projectImagesContainer {
  height: 140px;
}

.projectScreenshot {
  max-height: 160px;
}

.projectMobileVideo {
  max-height: 136px;
  border-radius: 30px;
  border: 8px solid white;
}

#projects {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 16px;
}

.projectImagesContainer {
  justify-content: left;
  padding-bottom: 8px;
}

.projectViewLink {
  height: 40px;
}

.experienceRole:not(:nth-child(2))>.experienceRoleBorder {
  margin-top: 16px;
  margin-bottom: 16px;
}

#skill {
  width: 120px;
}

#awards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 32px;
}