doll's haven</testpage>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<!-- MY BUTTON STARTS HERE -->
<style>
.button1 {
font-family: 'Brush Script MT', cursive;
font-size: 12px;
background-image: url("whiteheart1.png");
border: none;
color: #4d3932;
background-color: Transparent;
text-align: center;
height: 100px;
width: 100px;
}
.button2 {
font-family: 'Brush Script MT', cursive;
font-size: 12px;
background-image: url("easel.png");
border: none;
color: #4d3932;
background-color: Transparent;
text-align: center;
height: 100px;
width: 100px;
}
button:hover{
color: #705953;
}
.button1 {
background-image: url("whiteheart1.png");
}
</style>
<!-- This is for the container that holds the columns -->
<style>
h2.textstyle {
font-family: 'Times New Roman', serif;
}
.container {
margin: 0px auto;
border-radius: 20px;
width: 516px;
height: 406px;
padding: 3px;
background-color: #c7a9a4;
}
html {
cursor: url("tinybunny.png"), auto;
}
.column1 {
font-family: 'Times New Roman', serif;
border-radius: 20px 0px 0px 20px;
padding: 2px;
float: left;
width: 110px;
height: 400px
}
.column2 {
font-family: 'Times New Roman', serif;
border-radius: 0px 20px 20px 0px;
padding: 10px;
float: right;
width: 400px;
height: 400px;
background-color: #f0dcd8;
background-image: url("papertexture1.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
</style>
<!-- These are the actual columns -->
<br><br><br><br><br><br><br><br><br>
</a>
<!-- this is button 3 (easel) -->
<a href='blog.html'>
<button type="button2"
class="button2">art<br>
</button>
</a>
<div class="cn">
<div class="inner">
<div class="w3-container">
<div class="container">
<div class="column1" style="background-color:#dbbcb6;">
<!-- this is button 1 -->
<a href='index.html'>
<button type="button1"
class="button1">home<br>
</button>
</a>
<!-- this is button 2 -->
<a href='blog.html'>
<button type="button1"
class="button1">blog<br>
</button>
</div>
<div class="column2" style="background-color:#f5e0dc;">
<h2 class ="textstyle" style="color:#381d14;">Doll's Haven</h2>
<br>
<p style="color:#4d3932;">~welcome~</p>
<br>
<br>
<img src="/bow1.png">
</div>
</body>
</html>