/* Everything below 400px */
 @media (max-width: 400px) {
    main {
      width: 75% !important;
  }
}
  
  /* Everything above 600px */  
  @media (min-width: 600px) {
    main {
      width: 315px !important;
    }
  }
  
    body {
      background: #D5E1EF;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100vw;
      height: 100vh;
      font-family: 'Outfit', sans-serif;
    }
    
    main {
      display: flex;
      flex-direction: column;
      background: #fff;
      color: #68778D;
      font-size: 15px;
      line-height: 140%;
      letter-spacing: 0.2px;
      text-align: center;
      width: 315px; 
      border-radius: 20px;
      justify-content: center;
      align-items: center;
      margin-bottom: 25px;
      padding: 20px 10px 40px 10px;
      box-shadow: 0px 0px 20px 0px #00000033;
    }
    
    main img {
      border-radius: 15px;
      width: 95%;
    }
  
  section {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }
    
    h1 {
      color: #1F314F;
      font-weight: bold;
      font-size: 22px;
      line-height: 120%;
      letter-spacing: 0px;
    }

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