body {
    background-color: floralwhite;
    background-image: url("Test.gif")!important;
    font-family:ms ui gothic;
    image-rendering:pixelated;
}

 @font-face {
   src: url(https://dl.dropbox.com/s/yumbhl34nyi38yf/Lovely%20Valentine.otf);
   font-family: love;
}
     @font-face {
     src: url(https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf);
     font-family: hearts;
}
    @font-face {
    font-family: emoji;
    src: url(https://dl.dropbox.com/s/cvba4kh6qm23mru/EmojiFont.ttf);
}

.text-component {
  font-family: love;
  font-size: 6em;
  font-weight: bold;

  position: absolute;
  top: 12px;
  left: 530px;
  z-index: 999;

  background: -webkit-linear-gradient(#FFC3E0 20%, #FEFFC3, #C3FFCF, #C3F4FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  filter: 
    drop-shadow(0 3px 0 #ffaeda)
    drop-shadow(3px 0 0 #ffaeda)
    drop-shadow(0 -3px 0 white)
    drop-shadow(-1px 0 0 white);
}

.site-main { 
  background: #FFFFF3;

  width: 800px;
  border: 10px solid #ffc9da;
  border-radius: 25px;

  align-items:center; 
  justify-content:center; 
  background-image:repeating-linear-gradient( 0deg, transparent, transparent 34px, #a1e37d 36px ); 
  border-style:solid; 
  border-radius: 20px; 
  border-color: #ffc9da; 
  /*I want an image here bro ^ */ 
  border-width:10px; 
  height: 460px; 

  left:500px; 
  top:76px; 
  padding:5px;

  position: absolute;

  overflow: hidden; /* fixes rounded edges */
}

.site-main .inner { 
  padding: 1rem;
  height: 100%;
  overflow-y: auto; /* move scroll here instead */
}

.site-main .inner::-webkit-scrollbar {
  width: 8px;
}

.site-main .inner::-webkit-scrollbar-thumb {
  background: #ffc9da;
  border-radius: 10px;
}

.text-component2 { 
font-family:'IBM Plex Sans Hebrew',sans-serif; 
text-transform:lowercase; 
color:#74B342; 
font-weight:700; 
font-size:1.5rem; 
line-height:1.6rem; 
letter-spacing:-0.12rem; 
text-align:right; 
} 

.text-component span.p { 
display:block; 
margin-bottom:1rem; 
} 

.gallery-component ul { 
display:flex; 
flex-wrap:wrap; 
gap:8px; 
justify-content:center; 
list-style:none;
}

.gallery-component li img {
max-height:200px; 
width:auto; 
display:block; 

} 

.buttons-component { 
list-style:none;
padding:0;
margin:0;
display:flex; 
justify-content:center; 
gap:12px; 
flex-wrap:wrap; 
margin-top:20px; 
} 

.buttons-component a { 
  display:inline-flex; 
  align-items:center; 
  justify-content:center;
  padding:10px 20px; 
  background:#B3EBA0; 
  color:#FFFFFF; 
  text-decoration:none; 
  font-family:'IBM Plex Sans Hebrew',sans-serif; 
  text-transform:lowercase; 
  font-size:1.35rem; 
  transition:background .25s; 
}

.buttons-component 
a:hover { 
  background:#FF8CB6; } @media (max-width:736px) { 

.site-main .inner { 
  padding:2rem; 
} 

.text-component { 
  font-size:1.3rem; 
  }
  
  
  
  }