*, *::before, *::after {
    box-sizing: border-box;
}

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

body {
background-color: #F4D04E;
margin: 0;
padding: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}

h1, h2, h3, h4, h5, h6, p, span {
margin: 0;
padding: 0;
}

.container {
background-color: white;
max-width: 384px;
max-height: 522px;
display: flex;
align-items: flex-start;
text-align: left;
border-radius: 20px;
flex-direction: column;
outline: 2px solid #000;
padding: 24px;
box-shadow: 8px 8px 0;
}

h2{
background-color: #F4D04E;
font-family: "Figtree", sans-serif;
font-optical-sizing: auto;
font-weight: 900;
font-style: normal;
font-size: 14px;
padding: 6px 12px;
border-radius: 4px;
display: flex;
width: fit-content;
margin-top: 24px;
line-height: 1.4;
}

p:first-of-type {
font-family: "Figtree", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
font-size: 14;
margin-top: 12px;

}

p:last-of-type {
margin-top: 12px;
font-family: "Figtree", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
padding: px;
font-size: 16;
color: #6B6B6B;
}

h1 {
margin-top: 12px;
font-family: "Figtree", sans-serif;
font-optical-sizing: auto;
font-weight: 950;
font-style: normal;
font-size: 24px;
}

.img2 {
display: flex;
align-items: center;
gap: 12px;
margin-top: 24px;
}

.img2 span {
font-family: "Figtree", sans-serif;
font-weight: 950;
font-size: 14px;
font-optical-sizing: auto;
line-height: 1;
}