@container (min-width: 353px) {
  .masthead.green-hero {
  }
}

:root {
  --secondary-color: #18bc9c;
  --secondary-color-text: #7bfacd;
  --highlight-color: #ffc107;
  --codeblue-color: #0dcaf0;
}

header.masthead {
  padding-top: calc(6rem + 52px);
  padding-bottom: 2rem !important;
}

.resume-business-name {
  font-family: hackbold;
  font-size: 16px;
  color: var(--secondary-color-text);
}

.resume-arrow {
  font-family: hackbold;
  font-size: 16px;
  color: var(--codeblue-color);
}

.resume-italics {
  font-family: hackitalic;
}

.resume-dates {
  color: var(--highlight-color);
}

.resume-secondary-color {
  color: var(--secondary-color);
}

.resume-standard {
  font-family: hackregular;
  margin-left: 50px;
  text-align: justify;
}

.resume-business-ul {
}

.resume-bloc {
  margin: 20px 0px;
}

a.resume-link {
  text-decoration: none;
  color: var(--codeblue-color);
}

li > a.resume-link {
  text-decoration: none;
  color: var(--secondary-color-text);
}

section {
  padding: 0px !important;
  margin: 10px 0px;
}

body {
  background-color: #2c3e50;
}

.masthead {
  /*height: 100vh;*/
  /*min-height: 650px;*/
  height: 100vh;
  min-height: 650px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.landing-portfolio-img {
  border-radius: 20px;
}

.portfolio-item-caption {
  border-radius: 20px;
}