
.flower {
background-image: url("flower row.gif");
background-repeat: repeat-x;
height: 125px
}
body {

background-color: beige;

height:0%;
}


.div1 {
    font-size: 14px;
    color: beige;
    font-family: "Courier New";
    font-weight: 900;
    border-style: dotted;
    border-width: 3px;
 	border-color: brown;
    background-image: url("greenbg.png");
    max-width: 500px;
    margin: auto;
    text-shadow: 1px 1px 1px brown;
    text-align: center;
    float: right;


	


    
}

.diarycover{
margin-top:-20px;
max-width: 500px;
   
float:right;


}
.divdiary {
    font-size: 14px;
    color: #54363b;
    font-family: "Georgia";
    font-weight: 900;
    border-style: dash;
    border-width: 3px;
 	border-color: green;
    background-image: url("notebook.png");
background-repeat:round;
    max-width: 320px;
    margin-right: 35px;
margin-top:10px;
    padding-right: 50px;
padding-left:50px;
    text-align: center;
    float: right;
overflow-y:scroll;
border-radius:11px;
height:71vh;
line-height:2;
display:none;


} 





.div2 {
 height: 550px;
	  width: 400px;
 background-image: url("diarycover copy.png") ;
	  background-repeat: round;
margin-top:-25px;



bottom: -50px;
margin-bottom:-100px;


}


.div4 {
position: fixed;
top:-10px;

 
}
.div3 {
float:right;
margin-right: 10px;
height:480px;
width:480px;
border:1px solid #ccc;
font:"Courier New";
color: white;
font-weight: 900;
overflow:scroll;
text-align: center;
background-image: url("japanesestreet.gif")
}
::-webkit-scrollbar {
width: 12px;
height: 12px;
}

::-webkit-scrollbar-track {
border: 1px #9F6074;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
background: #9F6074;  
border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
background: #9F6074;  
}
a.button {
  background-color: white; /* Green */
  border: 2px solid pink;
  border-width: 2px;
  color: pink;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-family: "Courier New";
  font-weight: 900;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 15px;
}
a:link {
color: white;
}
a:visited {
color:brown 
}

.img1 {
  transition: transform .7s ease-in-out;
}
.img1:hover {
  transform: rotate(30deg);
}



/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/food/foo-7/foo606.cur), auto !important;} /* End https://www.cursors-4u.com */