main.css

* {
    margin:0;
    padding: 0;
    
  }
  

  body {
    background-color: hsl(212, 45%, 89%);
    display: flex;
    align-items: center;
    margin: 0 auto;
    font-family: Outfit;  
  }
  .content-container {
  background-color: hsl(0, 0%, 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  margin: 0 auto;
  width: 335px;
  height: 52%; 
}
html, body {
height: 100%;
}
.img-container {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 20px;
height: 60%;
width: 83%;
}
img {
border-radius: 15px;
width: 295px;
margin-top: 25px;
margin-right: 5px;
margin-left: -8px;
align-content: center;
}


h2 {
color: hsl(218, 44%, 22%);
text-align: center;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
margin-top: 20px;
margin-bottom: 10px;

font-weight: 700;
}
p {
color: hsl(220, 15%, 55%);
font-size: 15px;
text-align: center;

font-weight: 400;
padding-bottom: 45px;
padding-right:45px;
padding-left: 45px;
}