@font-face {
                font-family: Rainyhearts;
                src: url('https://softteddypaws.neocities.org/fonts/rainyhearts.ttf');
            }
             @font-face {
                font-family: linku;
                src: url('https://softteddypaws.neocities.org/fonts/DigitalDisco.ttf');
            }

            @font-face {
                font-family: baby;
                src: url('https://softteddypaws.neocities.org/fonts/04B_30__.TTF');
                font-weight: bold;
            }

            @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-Italic.ttf');
                font-style: italic;
            }

            @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-BoldItalic.ttf');
                font-style: italic;
                font-weight: bold;
            }
            body {
                font-family: 'RainyHearts', sans-serif;
                margin: 27;
                background-color: #ffffff;
                /* you can delete the line below if you'd prefer to not use an image */
                background-size:22%;
                color: #9c7e7e;
                
                
            }
            a {
                color: #946656;
            }
             h1,
            h2,
            h3 {
                color: #9c6f5d;
                font-family: 'bb';
            }
            h1 {
                font-size: 32px;
                  text-shadow: 1px 1px 2px #784449 , 0 0 25px #c79885, 0 0 5px #cc937c;
                  
            }
            .s1 {
             padding:3px;
              border-width:7px;
border-style:solid;
border-image: url("https://i.imgur.com/8xftJ3v.gif") 7 fill round;
margin-bottom:20px;
}
 #container a {
                color: #946656;
                font-family: linku;
 }
Body {
              overflow: scroll;
               
            }
            Body::-webkit-scrollbar {
  width: 20px; }
             
Body::-webkit-scrollbar-track {
  background:#ffffff;
  box-shadow: inset 0 0 5px brown ; 
  border-radius: 10px; 
  } 

Body::-webkit-scrollbar-thumb {
  background-image: url('https://softteddypaws.neocities.org/home%20page%20pics/pale%20peach%20bg.jpg');
   background-size: 150%;
  border-radius: 10px; }
    
  
  Body::-webkit-scrollbar-thumb:hover {
 opacity: 0.2; }
 .box {
              
    padding: 5px;
    border-width:10px;
    border-radius: 10px;
border-style:solid;
border-image: url("https://i.imgur.com/8xftJ3v.gif") 7 fill round;
}
.box2 {
  overflow-y: scroll;
    padding: 10px;
    border-width:10px;
    border-radius: 10px;
border-style:solid;
border-image: url("https://i.imgur.com/8xftJ3v.gif") 7 fill round;
height: 200px;
}
.box2::-webkit-scrollbar {
width: 20px; }
 
.box2::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px brown ; 
border-radius: 10px; 
} 

.box2::-webkit-scrollbar-thumb {
background-image: url('https://softteddypaws.neocities.org/home%20page%20pics/pale%20peach%20bg.jpg');
background-size: 150%;
border-radius: 10px; }


.box2 ::-webkit-scrollbar-thumb:hover {
opacity: 0.2; }