html, body {
    /* background-image: url("https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/v1016-c-08_1-ksh6mza3.jpg?w=800&dpr=1&fit=default&crop=default&q=65&vib=3&con=3&usm=15&bg=F4F4F3&ixlib=js-2.2.1&s=f584d8501c27c5f649bc2cfce50705c0"); */
    background-size:cover;
    background-repeat: no-repeat;
    background-color: #369;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 18px;
    line-height: 10PX;
  }

  .h1 {
    display: flex;
    justify-content: center;
    font-size: 20px;
    color:bisque;
  }

  .home p {
    color: bisque;
    font-size: 20px;
    padding: 5px;
  }

  #pincode {
    background-color: white;
    padding: 10px;
    font-size: 16px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    border: 3px solid blue;
    border-radius: 5px;
    width: 300px;
  }

  button {
    width: 100px;
    height: 50px;
    font-size: 16px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    background-color: #530549;
    color: rgb(247, 242, 246);
    justify-content: center;
    border-radius: 7px;
    cursor: pointer;
  }

  #resultcard {
    background-image: linear-gradient(to top, rgb(150, 181, 238), #f4f5ee);
    width:400px;
    margin-top: 40px;
    margin-right: 40px;
    margin-left: 40px;
    padding: 40px;
    border: 3px solid #020463;
    border-radius: 10px;
    display: inline-block;
    align-items: center;
  }

  .Details {
    display: flex;
    justify-content: flex-start;
    color: #020463;
  }

  .title {
    display: flex;
    justify-content: center;
    color: #aa0586;
  }

  .cityname {
    display: flex;
    justify-content: center;
    color: #080442;
  }

  .Error {
    color: #e5e4eb;
    font-size: 16px;
  }

  @media screen and (max-width: 650px) {
    #resultcard {
      font-size: 15px;
    }
  }