*{ /*Affects WHOLE site. Only use for important site-wide things such as the cursor.*/
    cursor: url(https://repeatbacktome.neocities.org/Cursors/CursorNorm.png) 0 8, auto;
    margin: 0;
    padding: 0;
}

body { /* Basic site info contained in the body paragraph. */
  background-image: url(https://repeatbacktome.neocities.org/Images/ScrollingBackground.png);
  background-repeat: repeat;
  background-size: auto;
  height: 100vh;
  animation: movingBackground 40s linear infinite;
  color: black;
  font-family: Verdana;
}

@keyframes movingBackground {
  from {background-position: 0 0;}
  to {background-position: -320px 320px;}
}

a { /* The color of links */
  color: #4c4c4c;
}

a:hover { /* What happens when hovering over links */
  color: black ;
  background-color: #b07bc7;
  cursor: url(https://repeatbacktome.neocities.org/Cursors/CursorSel.png) 0 10, auto; 
}

img { /* Scales images with horizontal width of window */
  max-width: 100%;
  height: auto; 
  image-rendering: pixelated;
}

header {
  background-color: white;
  padding: 2rem;
  padding-bottom: 1rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 1);
  position: relative;
  z-index: 1;
  margin-bottom: 6px;
}

.MultiImageHolder {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px
}

.ImageDisplay {
  width: fit-content;
  justify-content: center;
  align-items: center;
  display: block;
  border: 8px solid #CECECE;
  background-color: #CECECE;
  margin-bottom: 6px;
}

.LinkButtons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: fit-content;
  z-index: 2;
  margin-bottom: 6px;
}

#HoverableButton {
  cursor: url(https://repeatbacktome.neocities.org/Cursors/CursorSel.png) 0 10, auto;
  display: block;
}

.NavButtons {
  Display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: fit-content;
  z-index: 2;
  margin-bottom: 6px;
}

.NavButtons:hover {
  background-color: #FFFFFF
}

#NavInactive {
  display: block;
  height: 42px
}

#NavComics {
  display: block;
  height: 42px;
}
#NavComics:hover {
  cursor: url(https://repeatbacktome.neocities.org/Cursors/CursorSel.png) 0 10, auto;
  content: url(https://repeatbacktome.neocities.org/Images/ButtonComicsS.png);
}

#NavBonus {
  display: block;
  height: 42px;
}
#NavBonus:hover {
  cursor: url(https://repeatbacktome.neocities.org/Cursors/CursorSel.png) 0 10, auto;
  content: url(https://repeatbacktome.neocities.org/Images/ButtonBonusArtworkS.png);
}

.ComicButtons {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border: 8px solid #838383;
  background-color: #838383;
  margin-bottom: 6px;
  gap: 10px;
  width: 300px;
  z-index: 2;
}

#ComicDisplay {
  cursor: url(https://repeatbacktome.neocities.org/Cursors/CursorSel.png) 0 10, auto;
  max-width: 100%;
  height: 600px;
  display: block;
  border: 8px solid #838383;
}

#ButtonNext, #ButtonLast, #ButtonNext10, #ButtonLast10, #ButtonNNext, #ButtonLLast {
  cursor: url(https://repeatbacktome.neocities.org/Cursors/CursorSel.png) 0 10, auto;
  max-width: 100%;
  display: block;
}


#ButtonLast:hover {
  content: url(https://repeatbacktome.neocities.org/Images/ArrowLS.png);
}

#ButtonLast10:hover {
  content: url(https://repeatbacktome.neocities.org/Images/ArrowL10S.png);
}

#ButtonLLast:hover {
  content: url(https://repeatbacktome.neocities.org/Images/ArrowLLS.png);
}

#ButtonNext:hover {
  content: url(https://repeatbacktome.neocities.org/Images/ArrowRS.png);
}

#ButtonNext10:hover {
  content: url(https://repeatbacktome.neocities.org/Images/ArrowR10S.png);
}

#ButtonNNext:hover {
  content: url(https://repeatbacktome.neocities.org/Images/ArrowRRS.png);
}

#PageNumber {
  max-width: 100%;
  display: block;
  width: 42px
}