/* latin-ext */
@font-face {
  font-family: 'Gloria Hallelujah';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://design.penpot.app/internal/gfonts/font/gloriahallelujah/v24/LYjYdHv3kUk9BMV96EIswT9DIbW-MIS71zO0vg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Gloria Hallelujah';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://design.penpot.app/internal/gfonts/font/gloriahallelujah/v24/LYjYdHv3kUk9BMV96EIswT9DIbW-MIS11zM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html, body {
  margin: 0;
  min-height: 100%;
  min-width: 100%;
  padding: 0;
}

body {
  margin: 0;
  min-height: 100vh;
  min-width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* This is crucial to prevent scrolling */
}

/* Use a new container to properly scale the whole page */
.page-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95vw; /* Make the container a little less than the full width */
  height: 95vh; /* Make it a little less than the full height */
  background: #75c79fFF;
  border: 4px solid linear-gradient(to bottom, rgba(224, 170, 62, 1) 25%,rgba(221, 224, 192, 1) 75%,rgba(184, 138, 68, 1) 100%);
  border-radius: 0;
  position: relative;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

.text-node { background-clip: text !important; -webkit-background-clip: text !important; }

/* Welcome Board */
.welcome-bo-d59084a8d467 {
  width: 100vw; /* Make it fill the full viewport width */
  height: 100vh; /* Make it fill the full viewport height */
  display: flex; /* Use Flexbox for children */
  flex-direction: column; /* Stack children vertically */
  justify-content: center; /* Center content vertically */
  align-items: center; /* Center content horizontally */
  background: #75c79fFF;
  border: 4px solid linear-gradient(to bottom, rgba(224, 170, 62, 1) 25%,rgba(221, 224, 192, 1) 75%,rgba(184, 138, 68, 1) 100%);
  border-radius: 0;
  overflow: hidden;
  z-index: 0;
}

/* Katie's_Artwork */
.katies-ar-d59238be6008 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: 90%; /* Adjust size relative to the container */
  height: auto; 
}
.katies-ar-d59238be6008 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 626px;
  height: 835px;
}

/* Click_here_button */
.clickhere-d592ed83ecaf {
  position: absolute;
  left: 916px;
  top: 534px;
  width: 241px;
  height: 71px;
}

/* Click here~ text*/
.click-here-d592ed83ecb1 {
  position: absolute;
  left: 29.28px;
  top: 11.45px;
  width: 193.7px;
  height: 38.94px;
}
.click-here-d592ed83ecb1 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.click-here-d592ed83ecb1 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.click-here-d592ed83ecb1 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.click-here-d592ed83ecb1 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(255, 255, 255, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 36px;
  text-rendering: geometricPrecision;
  caret-color: rgba(255, 255, 255, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Gloria Hallelujah";
  font-style: normal;
  font-weight: 400;
}

/* Rectangle */
.rectangle-d592ed83ecb0 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 241px;
  height: 71px;
  background: #e7cbcbFF;
  border-radius: 10px 10px 10px 10px;
}

/* Welcome_text */
.welcome-to-d592ed83ecae {
  position: absolute;
  left: 663px;
  top: 208px;
  width: 507px;
  height: 254px;
}
.welcome-to-d592ed83ecae .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.welcome-to-d592ed83ecae .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.welcome-to-d592ed83ecae .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.welcome-to-d592ed83ecae .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(255, 255, 255, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 60px;
  text-rendering: geometricPrecision;
  caret-color: rgba(255, 255, 255, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Gloria Hallelujah";
  font-style: normal;
  font-weight: 400;
}
.welcome-to-d592ed83ecae .root-0-paragraph-set-0-paragraph-1 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.welcome-to-d592ed83ecae .root-0-paragraph-set-0-paragraph-1-text-0 {
  color: rgba(255, 255, 255, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 18px;
  text-rendering: geometricPrecision;
  caret-color: rgba(255, 255, 255, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Gloria Hallelujah";
  font-style: normal;
  font-weight: 400;
}
.welcome-to-d592ed83ecae .root-0-paragraph-set-0-paragraph-2 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.welcome-to-d592ed83ecae .root-0-paragraph-set-0-paragraph-2-text-0 {
  color: rgba(255, 255, 255, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 80px;
  text-rendering: geometricPrecision;
  caret-color: rgba(255, 255, 255, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Gloria Hallelujah";
  font-style: normal;
  font-weight: 400;
}
.welcome-to-d592ed83ecae .root-0-paragraph-set-0-paragraph-2-text-1 {
  color: rgba(255, 255, 255, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 48px;
  text-rendering: geometricPrecision;
  caret-color: rgba(255, 255, 255, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Gloria Hallelujah";
  font-style: normal;
  font-weight: 400;
}
.welcome-to-d592ed83ecae .root-0-paragraph-set-0-paragraph-2-text-2 {
  color: rgba(255, 255, 255, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 36px;
  text-rendering: geometricPrecision;
  caret-color: rgba(255, 255, 255, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Gloria Hallelujah";
  font-style: normal;
  font-weight: 400;
}