h1, h2, h3, h4, h5, h6, p, ol, ul, li {
  color: #fff;
}

.herobanner-bg {
  background-image: linear-gradient(#0b0b17, #090f22 65%, #281c26 98%, #0c0d14 10%);
}

.herobanner {
  text-align: center;
  background-image: url("mlll-herobanner2.1c2664fe.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 800px;
}

.ending {
  color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  max-height: 620px;
}

.thank {
  padding: 10rem;
}

@media (width >= 0) {
  .herobanner {
    max-height: 280px;
  }
}

@media (width >= 350px) {
  .herobanner {
    max-height: 300px;
  }
}

@media (width >= 500px) {
  .herobanner {
    max-height: 400px;
  }
}

@media (width >= 768px) {
  .herobanner {
    max-height: 550px;
  }
}

@media (width >= 900px) {
  .herobanner {
    max-height: 700px;
  }
}

@media (width >= 1200px) {
  .herobanner {
    max-height: 900px;
  }
}

@media (width >= 1400px) {
  .herobanner {
    margin: 0 auto;
  }
}

.bg1 {
  background-color: #0e0d13;
  background-image: url("bg-pattern.9224408d.jpg");
  background-position: center;
  background-repeat: repeat;
}

.bg2 {
  background-color: #0e0d13;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.bg3 {
  background-color: #07070980;
}

hr {
  border: none;
  border-top: 3px dashed #989898;
  margin-top: 1.953rem;
  margin-bottom: 1.953rem;
}

.solution-bg {
  background-color: #17171b;
}

.problem-bg, .solution-bg {
  padding: 2rem;
}

.problem-bg li, .solution-bg li {
  list-style-type: square;
}

.list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.checkmark {
  background: url("icon-check.d5800b73.jpg") 0 0 no-repeat;
  padding-bottom: 24px;
  padding-left: 44px;
}

.intro, .problem-solution, .challenges, .userflow, .wireframe, .userflow2, .breakdown, .solved, .bedrock, .engagement, .extra, .UI, .testing, .qa, .final-work, .ux, .final {
  padding-top: 4.768rem;
  padding-bottom: 4.768rem;
}

.summary {
  padding-top: 4.768rem;
  padding-bottom: 120px;
}

.research {
  margin-top: 4.768rem;
  margin-bottom: 4.768rem;
}

.summary p, .summary h5 {
  margin-bottom: 0;
}

.summary img {
  width: 100%;
}

.role-bg {
  background: #222129;
  border-radius: .8rem;
  height: 5rem;
  margin: 0 2% 4%;
  padding: 2%;
}

h2 {
  margin-bottom: 0;
  padding-bottom: 1.563rem;
}

h4 {
  padding-bottom: 1.563rem;
}

.thought-sm-con {
  background-color: #1c1a23;
  margin: 1.953rem 0;
  padding: 1.563rem;
}

.space {
  padding-top: 36px;
}

.span-grey {
  color: #b0b0b0;
}

.span-bold {
  font-weight: 400;
}

.challenges li {
  padding-bottom: 10px;
}

.challenges h4 {
  padding-bottom: 0;
}

.UI .font-img {
  width: 74%;
}

.menu {
  width: 100%;
  height: 52px;
  padding-top: 16px;
  position: absolute;
}

.menu h1 {
  color: #fff;
  font-size: 24px;
}

.menu .works {
  color: #fff;
}

.menu .works:hover {
  color: #c23b27;
}

.menu .contact {
  color: #000;
  background-color: #fff;
  border-radius: 4px;
  padding: 8px;
}

.menu .contact:hover {
  color: #fff;
  background-color: #c23b27;
}

.footer {
  background-color: #000;
  padding-top: 4.768rem;
  padding-bottom: 160px;
}

.footer img {
  border-radius: 4px;
  max-width: 28px;
}

.footer a {
  color: #fff;
}

.footer a:hover {
  color: #c23b27;
}

.footer .email-address {
  margin-bottom: 36px;
}

.footer .link-to-project {
  color: #fff;
  padding: 8px;
}

.link {
  color: #fff;
  text-decoration: underline;
}

.link:hover {
  color: #00a6ff;
}

/*# sourceMappingURL=minecraftLostLegend.93319e5e.css.map */