:root {
  --yellow: #ffc600;
  --black: #272727;
}

html {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 10px;
  color: var(--black);
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
}

*, *:before, *:after {
  box-sizing: inherit;
}

p {
  font-size: 50px;
  color: var(--black);
}

a {
  text-decoration: none;
  color: inherit;
}

.container {
  display: grid;
  /* grid-template-columns: 1fr; */
  justify-items: center;
  align-items: center;
}

.high-lite {
  background: var(--yellow);
  margin: 20px;
  padding: 25px;
}

@media (max-width: 700px) {
  p {
    font-size: 25px;
  }
  img {
    width: 250px;
  }
}