body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* Fonts */
    --font-minion-pro: "Minion Pro";
    --font-marshmallows-and-chocolate: "Marshmallows and Chocolate";
    --font-montserrat: Montserrat;
  
    /* font sizes */
    --font-size-base: 16px;
    --font-size-xl: 20px;
    --font-size-3xl: 22px;
    --font-size-6xl: 25px;
    --font-size-11xl: 30px;
  
    /* Colors */
    --color-rosybrown-100: #c38d94;
    --color-rosybrown-200: #a76571;
    --color-slategray: #565676;
    --color-white: #fff;
  
    /* Border radiuses */
    --br-69xl: 88px;
    --br-83xl: 102px;
  }
  


.hero {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 1280px;
    height: 700px;
    object-fit: cover;
  }
  .home-child {
    position: absolute;
    top: 100px;
    left: 0px;
    background-color: var(--color-slategray);
    width: 1280px;
    height: 700px;
    opacity: 0.75;
  }
  .home-is-where {
    margin: 0;
    font-weight: 300;
  }
  .the {
    font-weight: 300;
  }
  .i {
    font-weight: 300;
    font-family: var(--font-montserrat);
  }
  .sweet {
    font-family: var(--font-marshmallows-and-chocolate);
  }
  .the-sweet-is {
    margin: 0;
  }
  .home-is-where-the-container {
    position: absolute;
    top: 374px;
    right: 74px;
    font-size: 60px;
    color: var(--color-rosybrown-100);
    text-align: right;
    font-family: var(--font-montserrat);
  }
  .home-item {
    position: absolute;
    top: 850px;
    left: 50px;
    background-color: var(--color-rosybrown-100);
    width: 1180px;
    height: 600px;
  }
  .home-inner {
    position: absolute;
    top: 1450px;
    left: 50px;
    background-color: #cc9ea4;
    width: 1180px;
    height: 250px;
  }
  .rectangle-div {
    position: absolute;
    top: 2450px;
    left: 50px;
    background-color: var(--color-rosybrown-100);
    width: 1180px;
    height: 250px;
  }
  .about {
    position: absolute;
    top: 1006px;
    left: 580px;
    font-size: var(--font-size-11xl);
    font-weight: 500;
    font-family: var(--font-montserrat);
  }
  .lorem-ipsum-dolor {
    position: absolute;
    top: 1095px;
    left: 337px;
    letter-spacing: 0.48px;
    line-height: var(--font-size-11xl);
    display: inline-block;
    width: 607px;
    height: 209px;
  }
  .home-child1 {
    position: absolute;
    top: 1750px;
    left: 50px;
    background-color: var(--color-rosybrown-200);
    width: 1180px;
    height: 700px;
  }
  .products {
    position: absolute;
    top: 1841px;
    left: 571px;
    font-size: var(--font-size-11xl);
    font-weight: 500;
    font-family: var(--font-montserrat);
    text-align: center;
  }
  .cncream {
    position: absolute;
    top: 1932px;
    left: 234px;
    border-radius: var(--br-83xl);
    width: 204px;
    height: 204px;
    object-fit: cover;
  }
  .cac {
    position: absolute;
    top: 1932px;
    left: 234px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: var(--br-83xl);
    background-color: var(--color-rosybrown-200);
    width: 204px;
    height: 204px;
    opacity: 0.6;
  }
  .brownies {
    position: absolute;
    top: 2166px;
    left: 842px;
    border-radius: var(--br-83xl);
    width: 204px;
    height: 204px;
    object-fit: cover;
  }
  .brownie {
    position: absolute;
    top: 2166px;
    left: 842px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: var(--br-83xl);
    background-color: var(--color-rosybrown-200);
    width: 204px;
    height: 204px;
    opacity: 0.6;
  }
  .cookies {
    position: absolute;
    top: 1932px;
    left: 538px;
    border-radius: var(--br-83xl);
    width: 204px;
    height: 204px;
    object-fit: cover;
  }
  .cookie{
    position: absolute;
    top: 1932px;
    left: 538px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: var(--br-83xl);
    background-color: var(--color-rosybrown-200);
    width: 204px;
    height: 204px;
    opacity: 0.6;
  }
  .browpic {
    position: absolute;
    top: 2166px;
    left: 538px;
    border-radius: var(--br-83xl);
    width: 204px;
    height: 204px;
    object-fit: cover;
  }
  .brow {
    position: absolute;
    top: 2166px;
    left: 538px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: var(--br-83xl);
    background-color: var(--color-rosybrown-200);
    width: 204px;
    height: 204px;
    opacity: 0.6;
  }
  .cookpic {
    position: absolute;
    top: 1932px;
    left: 842px;
    border-radius: var(--br-83xl);
    width: 204px;
    height: 204px;
    object-fit: cover;
  }
  .cook {
    position: absolute;
    top: 1932px;
    left: 842px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: var(--br-83xl);
    background-color: var(--color-rosybrown-200);
    width: 204px;
    height: 204px;
    opacity: 0.6;
  }
  .cnc1pic {
    position: absolute;
    top: 2166px;
    left: 234px;
    border-radius: var(--br-83xl);
    width: 204px;
    height: 204px;
    object-fit: cover;
  }
  .cnc1 {
    position: absolute;
    top: 2166px;
    left: 234px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: var(--br-83xl);
    background-color: var(--color-rosybrown-200);
    width: 204px;
    height: 204px;
    opacity: 0.6;
  }
  .home-child2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: var(--color-slategray);
    width: 1280px;
    height: 700px;
  }
  .contact {
    position: absolute;
    bottom: 554px;
    left: 583px;
    font-size: var(--font-size-11xl);
    font-family: var(--font-montserrat);
    text-align: center;
    
  }
  .name {
    position: absolute;
    bottom: 477px;
    left: 876px;
    letter-spacing: 1.6px;
    
  }
  .email {
    position: absolute;
    bottom: 370px;
    left: 874px;
    letter-spacing: 1.6px;
   
  }
  .number {
    position: absolute;
    bottom: 263px;
    left: 856px;
    letter-spacing: 1.6px;
   
  }
  .submit {
    position: absolute;
    bottom: 113px;
    left: 609px;
    font-size: 18px;
    letter-spacing: 1.8px;
    
  }
  .home-child3 {
    position: absolute;
    bottom: 408px;
    left: 356px;
    border: 3px solid var(--color-white);
    box-sizing: border-box;
    width: 567px;
    height: 53px;
  }
  .home-child4 {
    position: absolute;
    bottom: 301px;
    left: 356px;
    border: 3px solid var(--color-white);
    box-sizing: border-box;
    width: 567px;
    height: 53px;
  }
  .home-child5 {
    position: absolute;
    bottom: 194px;
    left: 356px;
    border: 3px solid var(--color-white);
    box-sizing: border-box;
    width: 567px;
    height: 53px;
  }
  .home-child6 {
    position: absolute;
    bottom: 96px;
    left: 521px;
    border-radius: 27px;
    border: 3px solid var(--color-white);
    box-sizing: border-box;
    width: 237px;
    height: 53px;
  }
  .span {
    font-family: var(--font-minion-pro);
  }
  .arnold-fitzgerald {
    font-size: var(--font-size-3xl);
    font-family: var(--font-montserrat);
  }
  .chef-arnold-fitzgerald-container {
    position: absolute;
    top: 12.94px;
    right: 10.21px;
  }
  .l1 {
    position: absolute;
    right: -0.99px;
    bottom: 6.25px;
    font-size: var(--font-size-base);
    font-family: var(--font-minion-pro);
    display: inline-block;
    width: 258.2px;
    height: 45.7px;
  }
  .about-owner-icon {
    position: absolute;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    border-radius: var(--br-69xl);
    max-height: 100%;
    width: 114.3px;
    object-fit: cover;
  }
  .about-owner-icon2 {
    position: absolute;
    height: 100%;
    top: 0px;
    bottom: 0px;
    right: 800px;
    border-radius: var(--br-69xl);
    max-height: 100%;
    width: 114.3px;
    object-fit: cover;
  }
  .chef-arnold-fitzgerald-parent {
    position: absolute;
    top: 1517.84px;
    left: 191px;
    width: 404px;
    height: 114.3px;
    font-size: var(--font-size-6xl);
    font-family: var(--font-marshmallows-and-chocolate);
  }
  .chef-maria-whelma-container {
    position: absolute;
    top: 12.94px;
    right: 730px;
  }
  .l2 {
    position: absolute;
    right:510px;
    bottom: 5.25px;
    font-size: var(--font-size-base);
    font-family: var(--font-minion-pro);
    display: inline-block;
    width: 258.2px;
    height: 46.7px;
  }
  .chef-maria-whelma-parent {
    position: absolute;
    top: 1517.84px;
    right: 190px;
    width: 404px;
    height: 114.3px;
    font-size: var(--font-size-6xl);
    font-family: var(--font-marshmallows-and-chocolate);
  }
  .home1 {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% + 186px);
    letter-spacing: 1.6px;
    font-weight: 500;
  }
  .about1 {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% + 285px);
    letter-spacing: 1.6px;
    font-weight: 500;
  }
  .products1 {
    position: absolute;
    top: calc(50% - 8px);
    right: 169px;
    letter-spacing: 1.6px;
    font-weight: 500;
  }
  .contact1 {
    position: absolute;
    top: calc(50% - 8px);
    right: 47px;
    letter-spacing: 1.6px;
    font-weight: 500;
  }
  .sweetio {
    position: absolute;
    top: calc(50% - 14px);
    left: 50px;
    font-size: var(--font-size-11xl);
    font-family: var(--font-marshmallows-and-chocolate);
  }
  .home-parent {
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    background-color: var(--color-white);
    width: 1280px;
    height: 100px;
    color: var(--color-rosybrown-100);
    font-family: var(--font-montserrat);
  }
  .these-are-the {
    position: absolute;
    top: 2507px;
    left: 198px;
    font-size: var(--font-size-xl);
    display: inline-block;
    text-align: center;
    width: 241px;
    height: 137px;
  }
  .i-ordered-them {
    position: absolute;
    top: 2506px;
    left: 538px;
    font-size: var(--font-size-xl);
    display: inline-block;
    text-align: center;
    width: 223px;
    height: 139px;
  }
  .out-of-all {
    position: absolute;
    top: 2506px;
    left: 860px;
    font-size: var(--font-size-xl);
    display: inline-block;
    text-align: center;
    width: 223px;
    height: 139px;
  }
  .home {
    position: relative;
    background-color: var(--color-white);
    width: 100%;
    height: 3450px;
    text-align: left;
    font-size: var(--font-size-base);
    color: var(--color-white);
    font-family: var(--font-minion-pro);
  }