body, html {
  color: black;
  font-family: MS Gothic;
  background-image: url(/gifs/sakura.gif);
  margin: 0;
  padding: 0;
  cursor: url("/cursors/wingedheart.png"), auto;
  }
  
h1 {
  text-align: center;
}

h2 {
  text-align: center;
}

h3 {
  text-align: center;
}

p {
  text-align: left;
  text-align: justify;
}

div {text-align: left;}
  
.entries {
  position: absolute;
  margin-top: 30px;
  margin-left: 500px;
  padding: 25px;
  background-color: ghostwhite;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 550px;
  width: 800px;
  border: 45px solid transparent;
  border-image: url('/pngs/bluelaceborder.gif') 55 fill round;
  border-image-outset: 10px;
  }
  
.log {
  position: absolute;
  color: #f9c2e2;
  margin-top: 30px;
  margin-left: 200px;
  padding: 10px;
  background-color: ghostwhite;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 220px;
  width: 150px;
  border: 35px solid transparent;
  border-image: url('/pngs/bluelaceborder.gif') 55 fill round;
  border-image-outset: 10px;
  }
  
.pinkbutterfly {
  position: absolute;
  margin-top: 0px;
  margin-left: 6px;
}

.notebook {
  position: absolute;
  margin-top: 400px;
  margin-left: 180px;
}

.notebook:hover{
  transform: rotate(5deg);
}

.rainbow-text {
  background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

a:link { 
  text-decoration: none; 
} 
a:visited { 
  text-decoration: none; 
} 
a:hover { 
  text-decoration: none; 
} 
a:active { 
  text-decoration: none; 
}
  
::-webkit-scrollbar {
width: 10px; /** width of total scrollbar **/
background: #fff; /** background of scrollbar **/
border: 1px solid #f9c2e2; /** border around whole scrollbar **/
border-radius: 5px;
}

::-webkit-scrollbar-thumb {
background: #f9c2e2; /** color of the moving part of the scrollbar (thumb) **/
border: 1px solid transparent; /** border around moving part of scrollbar (overlaps with border of total scrollbar) **/
border-radius: 5px;
}