* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  height: 100vh;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  background: linear-gradient(to right, rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.5)), url(showcase.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  body .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0 3rem;
    color: burlywood; }
    body .container h1 {
      font-size: 4rem; }
    body .container h2 {
      font-size: 2rem; }

@media screen and (max-width: 938px) {
  body .container {
    padding-left: 1rem; }
    body .container h1 {
      font-size: 1.7rem; }
    body .container h2 {
      font-size: 1rem; } }
@media screen and (max-width: 342px) {
  body .container {
    padding-left: .4rem; }
    body .container h1 {
      font-size: 1.4rem; }
    body .container h2 {
      font-size: 1rem; } }

/*# sourceMappingURL=style.css.map */