/*test of css heart shape*/

html {
  background-color: #fedca8;
}
 
h4 {
    color: rgb(10, 10, 10); font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.photo1 {
    justify-content: space-around; /* Distributes space evenly between and around images */
    gap: 10px; /* Adds a gap between images */
}

.lovequote {
  border: 5px solid #000000; /* 5px width, solid style, black color */
  padding: 5px;             /* Optional: adds space between the image and the border */
  margin: 5px;              /* Optional: adds space outside the border */
  border-radius: 10px;      /* Optional: creates rounded corners */
  width:300px;
  height:425px;
}

.quote {
  background-color: aliceblue;
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: center;
  align-items: center;
  text-align: center; padding-top: 425px;
  border: 5px solid #000000; /* 5px width, solid style, black color */
  padding: 5px;             /* Optional: adds space between the image and the border */
  margin: 5px;              /* Optional: adds space outside the border */
  border-radius: 10px;      /* Optional: creates rounded corners */
  width:300px;
  height:425px;
}

.div1 {
  padding-left: 40px;
  font-family: "Cormorant Garamond", Georgia, 'Times New Roman', Times, serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 35px;
  color: #da5e6d;
  position: relative;
  margin-bottom: -50px;
}

.div2 {
  padding-top: 0;
  font-family: "Cormorant Garamond", Georgia, 'Times New Roman', Times, serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  font-size: 85px;
  color: #d4364c;
 }

 .endquote {
  display:flex;
  flex-direction: row;
  position: relative;
  margin-top: -20px;
 }

 .div3 {
  padding: 0;
  font-family: "Arial Narrow", Arial, Helvetica, "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
  font-size: 30px;
  font-style: normal;
  background: #FF887C;
  background: linear-gradient(90deg, rgba(255, 136, 124, 1) 0%, rgba(212, 54, 76, 1) 50%, rgba(144, 24, 73, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent; /* For broader compatibility */
}


 .div4 {
  padding: 0;
  font-family: "Cormorant Garamond", Georgia, 'Times New Roman', Times, serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
  color: #901849;
 }