.hayy { 
  text-align: center;
  font-family: “hi”;
  font-size: 30px;
}
.img {
  width: 80px;
  position: absolute;
  left: ;
  top: ;
}
@font-face {
font-family: “hello”;
src: url(https://file.garden/Zxg0gd66ym14IJ7L/AkayaKanadaka-Regular.ttf)
}

      @font-face {
font-family: “hi”;
src: url(https://file.garden/Zxg0gd66ym14IJ7L/TropiLand.ttf)
}
*{ font-family: “hello”;}
body {
  background-image: url(https://file.garden/Zxg0gd66ym14IJ7L/Untitled334_20250829233435.png);
  background-size: 100%;
  background-color: black;
}
.paste-container {
  padding: 0px;
width: 600px;
}
 p, r {
  color: black;
}
.text-container{
  overflow: hidden;
  background: transparent;
  width: 600px;
  padding: 0px;
 border-radius: 0px;
}
.parent {
  border-radius: 20px;
  background-color: black;
  border: 3px solid white;
  padding: 10px;
  width: 600px;
  height: 500px;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(7, 1fr);
    gap: 05px;
}
  
 .header {
   background-size: 100%;
   background-image: url(https://file.garden/Zxg0gd66ym14IJ7L/lalala_20250830102003.jpeg);
  background-clip: text;
   color: transparent;
   filter: drop-shadow( 0 1px #000) drop-shadow( 1px 0 #000) drop-shadow( 0 -1px #000) drop-shadow( -1px 0 #000) drop-shadow( 0 2.5px white) drop-shadow( 2.5px 0 white) drop-shadow( 0 -2.5px white) drop-shadow( -2.5px 0 white) drop-shadow(1px 1px 0 #000) drop-shadow(1px 1px 0 #000) drop-shadow( 0 0 2px #000);
     position: absolute;
     text-align: center;
     line-height: 01.5;
     font-size: 45px;
     font-family: “hi”;
}
.div1 {
  background-image: url(https://file.garden/Zxg0gd66ym14IJ7L/Untitled334_20250829233435.png);
  box-shadow: inset 0px 0px 9px 3px #000000;
  border-radius: 10px 10px 0px 0px;
  background-color: #cce8db;
  border: 0px solid white;
    grid-column: span 9 / span 9;
}

.div2 {
  padding-left: 10px;
  padding-top: 0px;
  box-shadow: inset 0px 0px 9px 3px #000000;
  border: 3px solid 0;
  color: white;
   background-color: #690069;
    grid-column: span 6 / span 6;
    grid-row-start: 2;
}

.div3 {
 box-shadow: inset 0px 0px 9px 3px #000000;
  background-image: url(https://file.garden/Zxg0gd66ym14IJ7L/Untitled333_20250829232102.png);
  background-size: 100%;
   background-color: #cce8db;
    border: 0px solid white;
    grid-column: span 3 / span 3;
    grid-row: span 2 / span 2;
    grid-column-start: 7;
    grid-row-start: 2;
}

.div4 {
  padding-top: 5px;
  padding: 10px;
  box-shadow: inset 0px 0px 9px 3px #000000;
  background-size: 100%;
  background-image: url(https://file.garden/Zxg0gd66ym14IJ7L/Untitled334_20250829233831.png);
  border: 0px solid white;
  color: white;
   background-color: #007475;
    grid-column: span 2 / span 2;
    grid-row-start: 3;
}

.div5 {
  padding-top: 5px;
  padding: 10px;
  background-size: 100%;
  box-shadow: inset 0px 4px 9px #000;
  background-image: url(https://file.garden/Zxg0gd66ym14IJ7L/AC72FACC-66C8-440A-BE0C-832F21E56643.gif);
  border: 0px solid #A72FD5;
  color: white;
   background-color: #000;
    grid-column: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 3;
}

.div6 {
  padding-top: 5px;
  padding: 10px;
  box-shadow: inset 0px 0px 9px 3px #000000;
  background-size: 100%;
  background-image: url(https://file.garden/Zxg0gd66ym14IJ7L/Untitled334_20250829233831.png);
  border: 0px solid white;
  color: white;
   background-color: #003B3C;
    grid-column: span 2 / span 2;
    grid-column-start: 5;
    grid-row-start: 3;
}
.div7:hover {
   transition: 1s ease; 
  background-image: url(https://file.garden/Zxg0gd66ym14IJ7L/Untitled333_20250829232157.png);
  background-size: 200px;
}
.div7 {
  box-shadow: inset 0px 0px 9px 3px #000000;
  background-position: center;
  background-image: url(https://file.garden/Zxg0gd66ym14IJ7L/Untitled333_20250829232111.png);
  background-size: 300px;
   background-color: #cce8db;
    border: 0px solid white;
    grid-column: span 3 / span 3;
    grid-row: span 3 / span 3;
    grid-column-start: 3;
    grid-row-start: 4;
}

.div8 {
   background-color: #cce8db;
    border: 3px solid white;
   grid-column: span 4 / span 4;
    grid-row: span 3 / span 3;
    grid-column-start: 6;
    grid-row-start: 4;
}
.div9 p {
  color: white;
  filter: drop-shadow( 0 1px #000) drop-shadow( 1px 0 #000) drop-shadow( 0 -1px #000) drop-shadow( -1px 0 #000);
}
.div9 {
  background-image: url(https://file.garden/Zxg0gd66ym14IJ7L/Untitled333_20250830001247.png);
  overflow-y: scroll;
  padding: 10px;
  box-shadow: inset 0px 0px 9px 3px #000000;
   background-color: #cce8db;
    border: 0px solid white;
    grid-column: span 2 / span 2;
    grid-row: span 3 / span 3;
    grid-column-start: 1;
    grid-row-start: 4;
}

.boo1:hover {
  transition: 1s ease; 
  background-color: white;
  color: #FF00FF;
  box-shadow: #00000040 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px;
}
.boo1 {
  position: relative;
  bottom: 14px;
  border-radius: 10px 0px;
  color: white;
  text-align: center;
  padding: 0px;
  height: 30px;
width: 100%;
  margin: auto;
 background: #FF00FF;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.boo2:hover {
  transition: 1s ease; 
  background-color: white;
  color: #3705A7;
  box-shadow: #00000040 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px;
}
.boo2 {
  border-radius: 0px 10px;
    color: white;
  position: relative; 
  bottom: 7px;
text-align: center;
  padding: 0px;
  height: 30px;
width: 100%;
  margin: auto;
 background: #3705A7;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.boo3:hover {
  transition: 1s ease; 
  background-color: white;
  color: #1585FF;
  box-shadow: #00000040 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px;
}
.boo3 {
  border-radius: 10px 0px;
    color: white;
  position: relative; 
  bottom: -0px;
text-align: center;
  padding: 0px;
  height: 30px;
width: 100%;
  margin: auto;
 background: #1585FF;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.div10 {
  border-radius: 0px 0px 10px 10px;
   background-color: #cce8db;
  border: 3px solid white;  
    grid-column: span 9 / span 9;
    grid-row-start: 7;
}
  .publish-timestamp, .edit-timestamp {
  display: none;
}