body {
    background-image: url(bg_brown.png); 
}

html {
  scrollbar-color: #5c0404 #46050b;
    scrollbar-width: 0.001px; 
    background-color: #653301;
}

@font-face {
  font-family: myFont; /* set name */
  src: url(DePixel.woff); 
}

@font-face {
  font-family: southern; /* set name */
  src: url(SouthernLiteraryMess.ttf); 
}

.container-fluid{
    background-color: #ffbedc;
    background-image: url(move_pics.jpg);
    margin-top: 0.5%;
    width: 825;
    height: 150;
    box-shadow: 0 0 8px 8px #ca8824 inset;

}

.btn1 {
  cursor: auto; 
  border: 0;
  font-family: myFont;
  font-size: 15px;
  box-shadow: 0px 2px rgb(61, 186, 123), 0px -2px rgb(61, 186, 123), 2px 0px rgb(61, 186, 123), -2px 0px rgb(61, 186, 123) ;
  color: rgb(207, 247, 207);
  margin-top: -20;
  margin-left: 10;
}

.btn {
  cursor: auto; 
  border: 0;
  font-family: myFont;
  font-size: 15px;
  box-shadow: 0px 2px #ca8824, 0px -2px #ca8824, 2px 0px #ca8824, -2px 0px #ca8824;
  color: #ca8824;
  margin-top: -40;
  margin-left: 7;
  margin-right: 7;
  font-style: bold;
}

.btn:hover{
        color: #a77705;
    /* cursor: url(green_apple.png), auto;  */
}

.btn:active {
    box-shadow: 0px 2px #a77705, 0px -2px #a77705, 2px 0px #a77705, -2px 0px #a77705;
}

.navbar-brand {
    color: #ca8824;
    font-family: myFont;
    font-size: 37px;
    margin-top: 12;
    margin-left: 197;
}

.navbar-brand:hover {
    color: #a77705;
    /* cursor: url(green_apple.png), auto;  */
}

.container-one {
border-width: 1px;
  border-style:hidden;
  border-color: rgb(230, 211, 255);
  background-image: url('navbar_bg_purple.png');
  background-repeat: repeat;
  width: 855px;
  left: 1px;
  height: 170px;
  box-shadow: 0 0 8px 8px rgb(219, 191, 255) inset;
  position: relative;
  z-index: 5;
  text-align: center;
  align-items: center;
}

.container-two {
  border-width:8px;
  border-style:solid;
  border-image: url(brown_border.png) 8 fill round;
  margin: auto;
  margin-top: 13;
  margin-bottom: 10;
  width: 800px;
  height: 500px;
  position: relative;
  padding: 5px;
  z-index: 10;
  place-items: center;
  align-items: center;

}

/*-------------------------------------------------------------SPECIFIC*/

.fic {
  border-width:8px;
  border-style:solid;
  border-image: url(dark_brown_border.png) 8 fill round;
  margin-top: 5;
  margin-left: 5px;
  width: 450px;
  height: 465px;
  overflow-y: auto;
  float: left;
  scrollbar-width: 0.001px;  
  scrollbar-color: #371704 #462205;

}

.pics {
  border-width:8px;
  border-style:solid;
  border-image: url(pic_brown.png) 8 fill round;
  width: 300px;
  height: 465px;
  margin-top: 5;
  margin-bottom: 2%;
  margin-right: 5px;
  overflow-y: auto;
  scrollbar-width: 0.001px;  
  scrollbar-color: #371704 #462205;
  float:right;
}


.text {
      color: #ca8824;
    font-family: southern;
    font-size: 18px;
    margin-left: 8;
    margin-top: 10;
}

.text:hover {
  color: #684613;
}

.topper {
      color: #ca8824;
    font-family: southern;
    font-size: 40px;
    margin-top: 5;
    text-align: center;
}

.filling {
      color: #ca8824;
    font-family: southern;
    font-size: 19px;
    margin-top: 0;
    margin-left: 20;
    line-height: 1.2;
}

.pic1 {
  margin-left: 10;
    margin-top: 10;
  width: 200px;
  height: 140px;
  border-radius: 10%;
}

.pic2 {
  margin-left: 40;
    margin-top: 5;
  width: 230px;
  height: 140px;
  border-radius: 10%;
}

.pic3 {
  margin-left: 10;
  margin-top: 5;
  width: 200;
  height: 140px;
  border-radius: 10%;
}