@import url(https://redbonesandinks.neocities.org/css/player.css);
body {
    background-color: black; color: white; font-family: serif; font-size: 18px; 
    background-image: url("https://i.postimg.cc/g23wLfKQ/Blood-Bone-Background.png"); height: 2000px; max-width: 2000px;
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
  }
h1 { color: red; }
h2 { color: red; }
h3 { Color: red; }
h4 { color: red; }
a:link { color: magenta; }
a:visited { color: purple; }
a:link { font-weight: bold; }
table, th, td { border: 5px solid red; }
hr { color: red }
/* Autoplayer */

.image-display { width: 1010px; border: 5px solid red; display: block; margin-left: 412px; margin-right: 412px; margin-bottom: 40px; }
.title-image { border: 7px solid red; width: 1350px; text-align: center; margin-bottom: 25px; }
.page-image { height: 60px; margin: 5px; border: solid red 3px; }
.other-image { height: 31px; text-align: center; margin: 5px; }
.page-button { background-color: black; color: red; border-color: red; border: 5px; height: 50px; min-width: 70px; cursor: pointer; font-size: 20px; margin-right: 3.5px; margin-left: 3.5px; font-weight: bold; transition: background-color 0.25s; }
.page-button:hover {background-color: red; color: black; border-color: rgb(120,0,0); } 
.page-button:active { opacity: 0.6 }
.subtitle-text { Font-weight: bold; margin-top: 5px; margin-bottom: 40px; font-size: 25px } 
.other-text { text-align: center; margin-bottom: 2px;  padding-top: 10px; padding-bottom: 10px }
.body-text { max-width: 1075px; }
.small-text { max-width: 510px; }
.headbox { width: 1250; border: 3px solid red; background-color: black; margin-right: 130px; margin-left: 130px; margin-bottom: 0; padding-top: 50px; padding-left: 107px; padding-right: 107px; } 
.textbox { width: 1100; border: 5px solid red; background-color: black; margin-right: 355px; margin-left: 355px; margin-bottom: 80px; padding: 25px; } 
.bottomtext { width: 100%; background-color: red; bottom: 0; left: 0; right: 0; display: block; } 
.introductory-text { font-size: 20px; text-align: center; }
.sub-section-box { width: 40%; height: 450px; border: 5px solid red; margin-bottom: 20px; font-size: 20px; padding: 20px; display: inline-block; margin: 30px; overflow: auto; }
.update-box { width: 45%; height: 200px; border: 5px solid red; text-align: center; font-size: 18px; padding: 10px; display: inline-block; margin: 10px; overflow: auto; }
.to-do-box { width: 45%; height: 200px; border: 5px solid red; font-size: 18px; padding: 10px; display: inline-block; margin: 10px; overflow: auto; }
.larger-in-box-text { font-size: 25px; font-weight: bold; text-align: center;}
.expand-box { width: 1250; min-height: 75px; border: 3px solid red; background-color: black; margin: 0; margin-bottom: 80px; margin-right: 130px; margin-left: 130px; padding-left: 30px; padding-right: 30px; padding-top: 10px; }
.collapsible-text { cursor: pointer; width: 100%; text-align: center; background: black; border: none; }
.active, .collapsible-text:hover { opacity: 0.7 }
.content { padding: 50px; display: none; overflow: hidden; transition: max-height 0.2s ease-out; }
.divider { border-top: 3px solid red; }
.img-shrunk { height: 57px; }