:root {
  --border-radius: 1rem;
}

html, body {
  margin:0px;
  font-family: 'Outfit', sans-serif;
  font-weight: 400;
  font-size: 15px;
}

.background{
  background:hsl(212, 45%, 89%);
  height:100vh;
}

.container{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.card{
  width: 20rem;
  padding: 1rem;
  background-color:  hsl(0, 0%, 100%);
  border-radius: var(--border-radius);
}

.qr-code{
  border-radius: var(--border-radius);
  width: 100%;
}

.description{
  text-align: center;
  margin: 1.5rem;
}

.description-main{
  font-weight: 700;
  color:hsl(218, 44%, 22%)
}

.description-minor{
  color: hsl(216, 15%, 48%);
}