:root{
      --White: hsl(0, 0%, 100%);
      --Light-gray: hsl(212, 45%, 89%);
      --Grayish-blue: hsl(220, 15%, 55%);
      --Dark-blue: hsl(218, 44%, 22%);
}

*{
      margin: 0;
      padding: 0; 
      box-sizing: border-box;
}

html{
      background-color: var(--Light-gray);
      font-family: "Outfit", sans-serif;   
}

body{
      background-color: var(--Light-gray);
      font-size: 15px;
}

img{
      margin-top: 5px;
      width:100%;
      border-radius: 15px;
}

h1{
      margin-top: 23px;
      font-size: 1.6rem;
      font-weight: 700; 
      line-height: 1.9rem; 
      color: var(--Dark-blue);
}

p{
      margin-top: 15.5px;
      font-size: 1.125rem;
      font-weight: 400;
      line-height: 1.32rem; 
      color: var(--Grayish-blue);
      padding-bottom: 8px;
}
#frame{
      max-width: 350px;
      margin: 0 auto;
      margin-top: 95px;
      /* margin-top: 8vh; */
}

.card{
      background-color: var(--White);
      padding: 16px;
      border-radius: 25px;
      text-align: center;
}


footer{
      font-size: 11px; 
      text-align: center;
      color: hsl(228, 45%, 44%); 
}