body {
    background: white;
    color: #757575;
    cursor: pointer;
    font-family: roboto, sans-serif;
    font-size: 14px;
    line-height: 14px;
    padding-left: 6px;
    padding-right: 0.5rem;
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen,
      Ubuntu, Cantarell, “Open Sans”, “Helvetica Neue”, sans-serif;
  }

  .full{
    background: rgb(238,174,202);
background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
    
    padding: 10px;
  }

.container{
    display: grid;
    align-items: stretch;
    justify-items: center;
}


.img{
    display: flex;
    /* align-content: flex-start; */
    justify-content: center;
    height: auto;
    /* padding: 10px; */
    padding-left: 10px; 
    padding-right: 10px;
    width: fit-content;
}

  .form-group {
    margin-top: 16px;
  }
  form {
    /* max-width: 320px; */
    margin: 32px auto;
    display: grid;
    justify-content: center;
  }
  input {
    background: white;
    border: 0;
    padding: 16px;
    /* width: 100%; */
    border-radius: 6px;
    color: black ;
    /*width: 500px;*/
  }
  input:focus {
    border-color: #20c98b;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(32 201 139 / 25%);
  }
  textarea {
    background: rgba(0, 0, 0, 0.32);
    border: 0;
    padding: 16px;
    width: 100%;
    border-radius: 6px;
    color: #fff;
    width: 290px;
  }
  textarea:focus {
    border-color: #20c98b;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(32 201 139 / 25%);
  }
  button {
    width: 100%;
    display: inline-block;
    margin-top: 16px;
    border: 0;
    padding: 16px;
    background: black;
    border-radius: 20px;
    font-weight: bold;
    color: white;
  }
  ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #72737f;
    opacity: 1; /* Firefox */
  }
  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #72737f;
  }
  ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #72737f;
  }
  
  
  @media only screen and (max-width:660px) {

  .img {
    width: 100%;
  }

  button {
    width: 100%;
  }
}

@media only screen and (max-width:340px) {

  .img {
    width: 240px;
    height: 240px;
  }

button {
    width: 100%;
  }
}