@font-face {
  font-family: 'Beltane';
  font-style: normal;
  font-weight: 400;
  src: local('Beltane'), url('https://monsresourcearea.neocities.org/beltane-webfont.woff2') format('woff2');
}

h1{
  font-family: 'Misfits', sans-serif;
  display: inline-block;
  -webkit-text-stroke: .3px white;
  font-size: 25px;
  text-align: center;
}

p{
  display: inline-block;
  -webkit-text-stroke: .3px white;
  background-clip: text;
  color: transparent;
  background-image: linear-gradient(to bottom, black, #232226, white);
  font-size: 1.5rem;
}

body{
  background-image: url('https://monsresourcearea.neocities.org/Black%20night%20stars%20space.gif');
  background-attachment: fixed;
  background-repeat: repeat;
  cursor: url('https://cdn.cursors-4u.net/previews/mac-os-x-handwriting-b5d45d78-32.webp'), auto;  
  font-family: 'Beltane';
  overflow-y: scroll;
}

.human-organs{
  display: flex; 
  width: 130%;
  max-width: 1300px;
  height: 1345px;
  background-color: transparent;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 100px;
}

#bone{
  position: fixed;
  background: url('https://monsresourcearea.neocities.org/png%20folder/banner2%20dont%20use.png');
  background-repeat: repeat-x;
  width: 1350px;
  height: 200px;
  right: 1px;
  top: 0;
  z-index: 10;
}

#muscles{
  position: fixed;
  background: url('');
  background-repeat: repeat-x;
  width: 1350px;
  height: 200px;
  right: 1px;
  
}

#heart{
  width: 100%;
  height: 250px;
  background-color: white;
}

#lung-1{
  width: 100%;
  height: 73px; 
  border-top: double #4a0f1e 5px;
  border-bottom: double #4a0f1e 5px;
  background-color: black;
}

#lung-2{
  width: 100%;
  height: 73px; 
  border-top: double #4a0f1e 5px;
  border-bottom: double #4a0f1e 5px;
  background-color: black;
}

#liver{
  display: flex;
  justify-content: center;
  align-items:flex-end;
  flex-wrap: wrap;
  width: 23%;
  height: 1200px;
  border-radius: 10px;
  border: #4a0f1e double 5px;
  margin-left: 30px;
  margin-bottom: 150px;
  background-color: rgba(0, 0, 0, 0.7);
}

#right-lobe{
  position: relative;
  width: 100%;
  height: 895px;
  border-top: double #4a0f1e 5px;
  background-color: blue;
  background-color: rgba(41, 49, 66, 0.3);
  padding-top: 50px;
}

#falciform-ligament{
  position: absolute;
  width: 250px;
  height: 600px;
  border: 5px double #4a0f1e;
  background-color: white;
  left: 20px;
  top: 30px;
  border-radius: 20px 20px 0px 0px;
}

#left-lobe{
  position: absolute;
  width: 250px;
  height: 270px;
  border: 5px double #4a0f1e;
  background-color: rgba(0, 0, 0, 0.3);
  left: 20px;
  bottom: 30px;
  border-radius: 0px 0px 20px 20px;
}

#innards{
  width: 100%;
  max-width: 910px;
  height: 1200px; 
  border-radius: 10px;
  border: #4a0f1e double 5px;
  margin-left: auto;
  margin-bottom: 150px;
  background-color: rgba(41, 49, 66, 0.3);
}

#gallblader{
  width: 900px;
  height: 325px;
  padding: 30px 0px 0px 10px;
}

#large-intestine{
  width: 230px;
  height: 300px;
  background-color: black;
  float: left;
  margin-right: 10px;
  overflow-y: scroll;
  border: double 5px #4a0f1e;
  border-radius: 10px;
}

#small-intestine{
  width: 230px;
  height: 300px;
  background-color: black;
  float: left;
  overflow-y: scroll;
  border: double 5px #4a0f1e;
  border-radius: 10px;
}

#kindey-1{
  width: 223px;
  height: 355px;
  background-color: black;
  float: left;
  border: double #4a0f1e 5px;
  border-radius: 10px 0px 0px 10px;
}

#pancreas{
  width: 900px;
  height: 400px;
  padding: 30px 0px 0px 50px;
}

#kindey-2{
  position: relative;
  width: 560px;
  height: 50px;
  background-color: black;
  float: left;
  border-bottom: double #4a0f1e 5px;
  border-right: double #4a0f1e 5px;
  border-top: double #4a0f1e 5px;
  border-radius: 0px 10px 0px 0px;
}

#adernal-gland{
  position: absolute;
  width: 135px;
  height: 30px;
  right: 3px;
  top: 9px;
}

#banner-gone, #toggle-text, #remove-motion{
  position: relative;
  font-family: "Fredoka", sans-serif;
  background-image: linear-gradient(to bottom, black, #20252d);
  border-radius: 5px;
  border: 2px #c4b5b8 dashed;
  margin: 0;
  padding: 0px 5px 0px 5px;
}

#banner-gone:hover{
  background-image: linear-gradient(to bottom, #37384a, #818ca6);
  border: 2px #efedf5 dashed;
}

#toggle-text:hover{
  background-image: linear-gradient(to bottom, #37384a, #818ca6);
  border: 2px #efedf5 dashed;
}

#remove-motion:hover{
  background-image: linear-gradient(to bottom, #37384a, #818ca6);
  border: 2px #efedf5 dashed;
}

#kindey-3{
  width: 560px;
  height: 300px;
  background-color: black;
  float: left;
  border-bottom: double #4a0f1e 5px;
  border-right: double #4a0f1e 5px;
  border-radius: 0px 0px 10px 0px;
}

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

        ::-webkit-scrollbar:horizontal {
        height: 14px;
        }

        ::-webkit-scrollbar-corner {
        background: #eee;
        }

        ::-webkit-scrollbar-track:vertical {
        background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
        border-radius: 5px;
        }

        ::-webkit-scrollbar-track:horizontal {
        background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
        border-radius: 5px;
        }

        ::-webkit-scrollbar-thumb {
        border: 1.5px solid #888;
        border-radius: 5px;
        box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
        }

        ::-webkit-scrollbar-thumb:vertical {
        background: linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
        }

        ::-webkit-scrollbar-thumb:horizontal {
        background: linear-gradient(180deg, #eee 45%, #ddd 0, #bbb);
        }

        ::-webkit-scrollbar-button:horizontal:end:increment,
        ::-webkit-scrollbar-button:horizontal:start:decrement,
        ::-webkit-scrollbar-button:vertical:end:increment,
        ::-webkit-scrollbar-button:vertical:start:decrement {
        display: block;
        }

        ::-webkit-scrollbar-button:vertical {
        height: 15px;
        }

        ::-webkit-scrollbar-button:vertical:start:decrement {
        background: white;
        background: url("https://dl.dropbox.com/s/n9ji42h9hdgdtpc/scroll3.png"), #eee;
        background-repeat: no-repeat;
        background-position: center;
        -moz-background-size: 100% auto, cover;
        -webkit-background-size: 100% auto, cover;
        -o-background-size: 100% auto, cover;
        background-size: 100% auto, cover;
        border: 1.5px solid #888;
        border-radius: 5px;
        }

        ::-webkit-scrollbar-button:vertical:start:increment {
        display: none;
        }

        ::-webkit-scrollbar-button:vertical:end:decrement {
        display: none;
        }

        ::-webkit-scrollbar-button:vertical:end:increment {
        background: white;
        background: url("https://dl.dropbox.com/s/cdcco6pih7n1lae/scroll4.png"), #eee;
        background-repeat: no-repeat;
        background-position: center;
        -moz-background-size: 100% auto, cover;
        -webkit-background-size: 100% auto, cover;
        -o-background-size: 100% auto, cover;
        background-size: 100% auto, cover;
        border: 1.5px solid #888;
        border-radius: 5px;
        }

        ::-webkit-scrollbar-button:horizontal {
        width: 14px
        }
        ::-webkit-scrollbar-button:horizontal:start:increment {
        display: none;
        }
        ::-webkit-scrollbar-button:horizontal:end:decrement {
        display: none;
        }

        ::-webkit-scrollbar-button:horizontal:start:decrement {
        background: white;
        background: url("https://dl.dropbox.com/s/xcm618ghd823271/scroll5.png"), linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
        background-repeat: no-repeat;
        background-position: center;
        -moz-background-size: 100% auto, cover;
        -webkit-background-size: 100% auto, cover;
        -o-background-size: 100% auto, cover;
        background-size: 100% auto, cover;
        border-radius: 5px;
        border: 1.5px solid #888;
        }

        ::-webkit-scrollbar-button:horizontal:end:increment {
        background: white;
        background: url("https://dl.dropbox.com/s/byeyi7am889ii9m/scroll6.png"), linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
        background-repeat: no-repeat;
        background-position: center;
        -moz-background-size: 100% auto, cover;
        -webkit-background-size: 100% auto, cover;
        -o-background-size: 100% auto, cover;
        background-size: 100% auto, cover;
        border-radius: 5px;
        border: 1.5px solid #888;
        }