@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap');
* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

: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);
 width: 100vw;
 height: 100vh;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 font-family: 'Outfit', sans-serif;
}

.container {
 background-color: var(--white);
 width: 300px;
 border-radius: 5%;
 box-shadow: 5px -12px 41px 27px rgba(0,0,0,0.1);
}

.container__img img {
 width: 300px;
 height: auto;
 padding: 14px;
 border-radius: 8%;
}
 
.container .para {
 padding: 10px 30px 20px;
}

.container .para p {
 font-size: 19px;
 color: var(--dark-blue);
 font-weight: 700;
 text-align: center;
}

.container .small__para {
 padding: 0px 30px 40px;
 text-align: center;
}

.container .small__para p {
 font-size: 14px;
 color: var(--grayish-blue);
}

.attribution {
 padding-top: 20px;
}