/* Reset default margins and paddings to remove any unintended spacing */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Remove default link styling (blue underline) and inherit parent styles */
a,
a:visited,
a:hover,
a:active {
    color: inherit;
    text-decoration: none;
}

/* Original CSS code from your snippet */
.frame-child {
    align-self: stretch;
    position: relative;
    /* box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.25); */
    background-color: #292823;
    height: 400px;
}

.footer-inner {
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 0px;
    box-sizing: border-box;
}

.header003 {
    position: absolute;
    bottom: 111px;
    left: calc(50% - 112.5px);
    font-size: 24px;
    display: inline-block;
    width: 257px;
}

.clock-icon {
    position: absolute;
    bottom: 117px;
    left: calc(50% - 144.5px);
    width: 20px;
    height: 20px;
}

.monday {
    margin: 0;
}

.days {
    position: absolute;
    bottom: 0px;
    left: calc(50% - 90.5px);
    display: inline-block;
    width: 130px;
    height: 105px;
}

.times {
    position: absolute;
    bottom: 0px;
    left: calc(50% + 39.5px);
    display: inline-block;
    width: 105px;
    height: 105px;
}

.hours {
    width: 289px;
    position: relative;
    height: 139px;
    font-size: 13px;
}

.header0031 {
    position: absolute;
    bottom: 59px;
    left: calc(50% - 111px);
    display: inline-block;
    width: 257px;
    cursor: pointer;
}

.adress {
    position: absolute;
    bottom: 0px;
    left: calc(50% - 89px);
    font-size: 13px;
    display: inline-block;
    width: 235px;
    height: 53px;
}

.phone-icon {
    position: absolute;
    bottom: 58px;
    left: calc(50% - 146px);
    width: 24px;
    height: 24px;
}

.contact {
    width: 292px;
    position: relative;
    height: 87px;
}

.header0032 {
    position: absolute;
    bottom: 81px;
    left: calc(50% - 109px);
    display: inline-block;
    width: 255px;
}

.instagram {
    font-family: Kameron;
}

.links {
    position: absolute;
    bottom: 0px;
    left: calc(50% - 87px);
    font-size: 13px;
    display: inline-block;
    width: 233px;
    height: 75px;
}

.vector-icon {
    position: absolute;
    bottom: 82px;
    left: calc(50% - 146px);
    width: 24px;
    height: 24px;
}

.follow {
    width: 292px;
    position: relative;
    height: 109px;
}

.hours-parent {
    position: absolute;
    width: calc(100% - 303px);
    top: 162px;
    right: 162px;
    left: 141px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 142px;
}

.header002 {
    width: 307px;
    position: absolute;
    margin: 0 !important;
    top: 10px;
    left: calc(50% - 165px);
    display: inline-block;
    z-index: 0;
}

.header002-wrapper {
    position: absolute;
    width: calc(100% - 1130px);
    top: 57px;
    right: 1030px;
    left: 100px;
    height: 96px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 0px;
    box-sizing: border-box;
    font-size: 64px;
}

.vector-icon1 {
    width: 40px;
    position: relative;
    height: 40px;
}

.vector-wrapper {
    position: absolute;
    width: calc(100% - 1366px);
    top: 326px;
    right: 138px;
    left: 1298px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    cursor: pointer;
}

.footer {
    position: absolute;
    width: calc(100% + 20px);
    top: 3136px;
    right: -20px;
    left: 0px;
    height: 420px;
    color: #f6f0f0;
}

.garden001-icon {
    width: 750px;
    position: relative;
    height: 740px;
    object-fit: cover;
}

.header0021 {
    align-self: stretch;
    position: relative;
}

.body001 {
    align-self: stretch;
    position: relative;
    font-size: 24px;
    display: flex;
    align-items: center;
    height: 392px;
    flex-shrink: 0;
}

.about-text {
    width: 446px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}

.about {
    position: absolute;
    top: 2294.2px;
    left: calc(50% - 621px);
    width: 1241px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 45px;
    font-size: 64px;
}

.sourced-from-home {
    margin: 0;
    font-size: 64px;
}

.slogan {
    position: absolute;
    width: 100%;
    top: 1864px;
    right: 0%;
    left: 0%;
    background-color: #fada7a;
    height: 318px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 31px 205px;
    box-sizing: border-box;
    text-align: center;
    font-size: 96px;
}

.cafe-view-icon {
    width: 100%;
    position: absolute;
    margin: 0 !important;
    top: 0px;
    right: 0px;
    left: 0px;
    max-width: 100%;
    overflow: hidden;
    height: 300px;
    flex-shrink: 0;
    object-fit: cover;
    z-index: 0;
}

.food-2-icon {
    width: 100%;
    position: absolute;
    margin: 0 !important;
    top: 327px;
    right: 0px;
    left: 0px;
    max-width: 100%;
    overflow: hidden;
    height: 413px;
    flex-shrink: 0;
    object-fit: cover;
    z-index: 1;
}

.stacked {
    width: 450px;
    height: 740px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    gap: 27px;
    z-index: 0;
}

.food-1-icon {
    width: 61.45%;
    position: absolute;
    margin: 0 !important;
    top: 0px;
    right: 0%;
    left: 38.55%;
    max-width: 100%;
    overflow: hidden;
    height: 740px;
    flex-shrink: 0;
    object-fit: cover;
    z-index: 1;
}

.photos {
    position: absolute;
    top: 1048px;
    left: calc(50% - 621px);
    width: 1240px;
    height: 740px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 22px;
    min-width: 300px;
}

.hero-text {
    width: 100%;
    position: absolute;
    align-self: center;
    padding-bottom: 5%;
    margin: 0 !important;
    display: inline;
    z-index: 0;
    /* text-shadow: 0px 5px 5px rgb(0, 0, 0); */
}

.hero {
    position: absolute;
    width: 100%;
    top: 89px;
    right: 0px;
    left: 0px;
    bottom: 100px;
    height: 500px;
    display: block;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 200px 334px;
    box-sizing: border-box;
    background-image: url('hero.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
    font-size: 128px;
    color: #f6f0f0;
}

.header1 {
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    left: 0px;
    /* box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.25); */
    background-color: #f6f0f0;
    height: 89px;
}

.menu {
    position: relative;
    cursor: pointer;
}

.page-links {
    position: absolute;
    top: 24px;
    right: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 50px;
}

.placeholder-logo-icon {
    width: 100px;
    position: relative;
    max-height: 100px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
html {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.logo {
    position: absolute;
    top: 2px;
    left: 0;
    height: 100%;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px;
    box-sizing: border-box;
}

.header {
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 89px;
    font-size: 35px;
}

.index {
    width: 100%;
    position: relative;
    background-color: #f6f0f0;
    height: 3546px;
    overflow: hidden;
    text-align: left;
    font-size: 24px;
    color: #292823;
    font-family: Kameron;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 50px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 15px;
}