body {
  /* Desktop */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;

height: 100vh; /* Ensure the body takes full screen height */
margin: 0; /* Remove default margin */


background: #D5E1EF;

}
.container {
  /* Desktop *//* Content */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 16px 16px 40px;
gap: 24px;

width: 320px;
height: 499px;

background: #FFFFFF;
/* card-shadow */
box-shadow: 0px 25px 25px rgba(0, 0, 0, 0.0476518);
border-radius: 20px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
}
.container img {
  /* Desktop */ /* Image */ /* QR Image */

width: 288px;
height: 288px;

background: #2C7DFA;
border-radius: 10px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
}
.text-content h1 {
  /* Desktop */ /* Title *//* Improve your front-e */

width: 256px;
height: 52px;

/* text-preset-1 */
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 120%;
/* or 26px */
text-align: center;

color: #1F314F;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}
.text-content p {
  /* Desktop */ /* Text *//* Scan the QR code to *//* Scan the QR code to */

width: 256px;
height: 63px;

/* text-preset-2 */
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 140%;
/* or 21px */
text-align: center;
letter-spacing: 0.2px;

color: #68778D;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
}