@import url(common.css);

body {
  --bg-color: #efceb2;
  --color-primary: #fff;
  --grid-maxWidth: 62rem;

  background:
    linear-gradient(-1deg, #a04157 0%, #fab570 35%, #dee6ef 35.5%, #c0d1da 100%);
}

.title {
  position: relative;
  margin: 0 0 2rem;
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1.15;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}
.title::before {
  position: absolute;
  top: -170px;
  left: 0;
  width: 100%;
  height: 150px;
  content: '';
  background: no-repeat center url(../img/unknown.png);
}

@media screen and (min-width: 600px) {
  .title {
    font-size: 3.5em;
  }
}