/* animation: name duration timing-function delay iteration-count direction */

:root{
--winteal: #008080;

}

*{
    font-family: "ＭＳ Ｐゴシック";
}

body{
    background-color: var(--winteal);
    margin: 0 auto;
    text-align: center!important;
    max-width: 768px;
}

#bigTitle{
  font-size: 32px;
  -webkit-text-stroke-width: 2px;
  animation: titlechange 4s linear 0s infinite alternate;
  max-width: 768px;
}

#centralBody {

border: 6px ridge;
height: 500px;
overflow-y: scroll;
background-image: url(https://dorgon.neocities.org/images/about/flowingwaters.gif);

}

.li2{
line-height: 1.5em;
list-style-type: none;
}


.li1{

font-size: 28px;

}

.par1, .li2{

font-size: 18px;

}

a:hover {

  animation: hovercolors 3s linear 0s infinite alternate;
  
}

#coolLinks {
padding-top: 12px;
}

#back{
position: fixed;
left: 10px;
top: 10px;

}

*::-webkit-scrollbar {
    width: 16px;
    
}

*::-webkit-scrollbar-corner {
    background: #dfdfdf;
}

*::-webkit-scrollbar-thumb {
    background-color: #dfdfdf;
    box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 2px #dfdfdf;
}

*::-webkit-scrollbar-track {

    background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2FEKHudthT5Tfu8%2Fgiphy.gif&f=1&nofb=1);
}

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

::-webkit-scrollbar-button:vertical:start {
  height: 16px;
  background-image: url(https://raw.githubusercontent.com/jdan/98.css/d39788c7886173b48399268d25c83874b1681a05/icon/button-up.svg);
}
::-webkit-scrollbar-button:vertical:end {
  height: 16px;
  background-image: url(https://raw.githubusercontent.com/jdan/98.css/d39788c7886173b48399268d25c83874b1681a05/icon/button-down.svg);
}
::-webkit-scrollbar-button:horizontal:start {
  width: 16px;
  background-image: url(https://raw.githubusercontent.com/jdan/98.css/d39788c7886173b48399268d25c83874b1681a05/icon/button-left.svg);
}
::-webkit-scrollbar-button:horizontal:end {
  width: 16px;
  background-image: url(https://raw.githubusercontent.com/jdan/98.css/d39788c7886173b48399268d25c83874b1681a05/icon/button-right.svg);
}
/*credit: https://github.com/jdan/98.css/blob/main/style.css*/

@keyframes titlechange {
  0% { color:silver;
      -webkit-text-stroke-color: black;}
  100% { color:black;
      -webkit-text-stroke-color: silver;
  }
}

@keyframes hovercolors {
0% {color: yellow}
33% {color: magenta}
67% {color: cyan}
100% {color: yellow}

}