@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap');
:root{
--White: hsl(0, 0%, 100%);
--Light-gray: hsl(212, 45%, 89%);
--Grayish-blue: hsl(220, 15%, 55%);
--Dark-blue: hsl(218, 44%, 22%);
}
body{
background-color: var(--Light-gray);
display: flex;
}
.wholeunit{
background-color: var(--White);
max-width:300px;
text-align: center;
padding:20px;
border-radius: 10px;
}
.qr-code-img{
object-fit: contain;
height: 100%;
width: 100%;
border-radius: 10px;
}
h1{
font-size: 1.5rem;
font-family: 'Outfit', sans-serif;
color: var(--Dark-blue);
}
p{
font-family: 'Outfit', sans-serif;
color: var(--Grayish-blue);
margin: 10px;
}
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap');
:root{
--White: hsl(0, 0%, 100%);
--Light-gray: hsl(212, 45%, 89%);
--Grayish-blue: hsl(220, 15%, 55%);
--Dark-blue: hsl(218, 44%, 22%);
}
body{
background-color: var(--Light-gray);
display: flex;
}
.wholeunit{
background-color: var(--White);
max-width:300px;
text-align: center;
padding:20px;
border-radius: 10px;
}
.qr-code-img{
object-fit: contain;
height: 100%;
width: 100%;
border-radius: 10px;
}
h1{
font-size: 1.5rem;
font-family: 'Outfit', sans-serif;
color: var(--Dark-blue);
}
p{
font-family: 'Outfit', sans-serif;
color: var(--Grayish-blue);
margin: 10px;
}