Frame Title

<!DOCTYPE html>
<html>
<head>
<title>Free Site Layout by SweetCharm.net</title>
<style>
.rounded-button {
display: inline-block;
padding: 10px 20px;
border-radius: 20px;
background-color: pink;
color: white;
text-decoration: none;
opacity: 0.75;
transition: all 0.3s ease;
}

.rounded-button:hover {
opacity: 1;
transform: scale(1.1);
}

   .rounded-button2 {
display: inline-block;
padding: 10px 20px;
border-radius: 20px;
background-color: #FDC7EA;
color: #9966CC;
text-decoration: none;
opacity: 0.75;
transition: all 0.3s ease;
}

.rounded-button2:hover {
opacity: 1;
transform: scale(1.1);
}
#Layer1 {
   position:absolute;
   width:382px;
   height:36px;
   z-index:1;
   left: 84px;
   top: 135px;
}
#Layer2 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:-10;
   left: -5px;
   top: -13px;
}
#Layer3 {
   position:absolute;
   width:454px;
   height:113px;
   z-index:2;
   left: 469px;
   top: 21px;
}
.style2 {
   font-size: 90px;
   color: #F8A8D9;
   font-family: "Times New Roman", Times, serif;
}
#Layer4 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:3;
   left: 473px;
   top: 144px;
}
body {
   background-color: #FDE2E9;
}
#Layer5 {
   position:absolute;
   width:402px;
   height:65px;
   z-index:4;
   left: 473px;
   top: 693px;
}
.style3 {
   color: #FF99CC;
   font-size: 9px;
}
body,td,th {
   color: #FF0099;
}
a:link {
   color: #FFFFFF;
}
a:visited {
   color: #FFFFFF;
}
a:hover {
   color: #FEEECD;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body>

<div id="Layer1"> 
<p align="right"><a href="https://sweetcharm.net/.CuteDesktop/VisitorYou/SOZAI/FreeLayouts/LolitaLayout/defaultframe.html" class="rounded-button" target="MAINFRAME">About</a></p>
<p align="right"><a href="https://sweetcharm.net/.CuteDesktop/VisitorYou/SOZAI/FreeLayouts/LolitaLayout/defaultframe.html" class="rounded-button" target="MAINFRAME">For You</a></p>
<p align="right"><a href="https://sweetcharm.net/.CuteDesktop/VisitorYou/SOZAI/FreeLayouts/LolitaLayout/defaultframe.html" class="rounded-button" target="MAINFRAME">Web</a></p>
<p align="right"><a href="https://sweetcharm.net/.CuteDesktop/VisitorYou/SOZAI/FreeLayouts/LolitaLayout/defaultframe.html" class="rounded-button2" target="MAINFRAME">Other</a></p>

<p align="right"><a href="https://www.deviantart.com/cloverwing/art/Animated-Bear-Avatar-Yellow-292603342"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2adbd521-1a22-4288-9ba1-013e56867570/d4u7i6m-ebcf457e-32bc-4cfd-b41d-2b02f2a66635.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJhZGJkNTIxLTFhMjItNDI4OC05YmExLTAxM2U1Njg2NzU3MFwvZDR1N2k2bS1lYmNmNDU3ZS0zMmJjLTRjZmQtYjQxZC0yYjAyZjJhNjY2MzUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.OFsonFXuJmex53jbU0yF95s6RMEZE11dMEaHSA4uDUQ"></a></p>
</div>
<div id="Layer2"><img src="https://sweetcharm.net/.CuteDesktop/VisitorYou/SOZAI/FreeLayouts/LolitaLayout/mainimage.png" alt="MAINIMAGE" width="938" height="828"></div>
<div class="style2" id="Layer3">Title Here ~ </div>
<div id="Layer4">
<iframe frameborder="0" height="550px" id="MAINFRAME" name="MAINFRAME" src="https://sweetcharm.net/.CuteDesktop/VisitorYou/SOZAI/FreeLayouts/LolitaLayout/defaultframe.html" style="border:0px solid white;" width="400px"></iframe></div>

<div id="Layer5">
<div align="right" class="style3">| layout by <a href="sweetcharm.net" target="_blank">sweetcharm.net</a> | </div>
</div>

</body>
</html>