::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #E5EAF4;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #D9DEEB;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #D9DEEB;
}

html {
  background-image: url(gifs/bluebg.png);
    background-size: 60px auto;
    background-repeat: repeat; }
    
    
.mlain {
 margin: auto;
 width: 550px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  background-color:#EDF2FB;
  text-align: center;
 border-radius: 5px;
border-width: 7px;
border-style: solid; 
border-image: url(gifs/blueborder.png) 7 fill round;
padding:5px;}

.whiteborder {
  border-width: 7px;
border-style: solid; 
border-image: url(gifs/whiteborder.png) 7 fill round;
}
.white {
  width: 100%;
  border: solid 1px #C9D3DA;

  background-color:white;
  border-radius:5px;
  text-align:left;
  font-family:planet;
  color:#B5C4D0;
}

a {
  color:#B5C4D0;
}

.scroll {
  overflow:auto
}

.dear {
  font-family:cursivebob;
  padding:5px;
  background-color:#F9FAFF;
  border-radius:5px;
    color:#7689B7;
}

.sincerely {
  font-family:cursivebob;
  padding:5px;
  color:#7689B7;
  background-color:#F9FAFF;
  border-radius:5px;
  text-align:right;
}

.scrollingbg {
   background-image: url(https://64.media.tumblr.com/a51bbc5821486e3806a2b6e7739e038b/e2eb7c92a871e649-9e/s250x400/5f5b980093ea5d29f0100198f2db6738808f66bc.jpg);
  background-repeat: repeat;
  background-size: 100px auto;
 
  animation: moveIt 60s linear infinite;
}
@keyframes moveIt {
  from {background-position:  left;}
  to {background-position:  right;}
}