/* Start Variables */
  :root {
    --WhiteColor: hsl(0, 0%, 100%);
    --LightGray: hsl(212, 45%, 89%);
    --blueColor: hsl(220, 15%, 55%);
    --DarkBlue: hsl(218, 44%, 22%);
  }
/* End Variables */ 
/* Start hidden H1 */
  .hidden {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important; 
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
  }
/* Start Global Rules */
body {
  font-family: 'Outfit', sans-serif;
  background-color: var(--LightGray);
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* End Global Rules */
/* Start Card */
.container {
    width: 285px;
    background-color: var(--WhiteColor);
    border-radius: 18px;
    text-align: center;
    padding: 15px;
  }
  .container img{
    max-width: 100%;
    border-radius: 10px;
  }
  .container section {
    font-size: 15px;
    padding: 5px 10px 15px; 
  }
  .container section h2{
    color: var(--DarkBlue);
  }
  .container section p{
    color: var(--blueColor);
  }
/* End Card */