* {
  padding: 0;
  margin: 0;
  /*box-sizing: border-box;*/
}
html{
  font-size: 62.5%;
}
body {
  font-family: "Outfit", Sans-Serif, Tahoma;
  background: hsl(212, 45%, 89%);
}
.container {
  display: flex;
  flex-direction: column;

  margin: 60px 20px;
  background: hsl(0, 0%, 100%);
  padding: 15px 15px;
  border-radius: 20px;
}
#qr-image {
  border-radius: 10px;
  margin-bottom: 15px;
}
h1 {
  text-align: center;
  font-size: 0.9375rem;
  margin: 1rem 1rem 1rem;
  color: hsl(218, 44%, 22%);
  
}
p {
  color: hsl(220, 15%, 55%);
  font-size: 0.9375rem;
  text-align: center;
  margin-bottom: 0.9375rem;
}
@media (min-width: 375px) {
  @media (max-width: 1440px) {
    body {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .container {
      max-width: 375px;
      margin: auto;
    }
    /*.container {
    position: relative;
    left: 300px;
    top: 300px;
    
  }*/
  }
}