body {background-color: grey;}
#main {position: absolute; top: 17.5%; left: 25%; width: 50%;/* height: 300%;*/ background-color: lightblue;}
#header {position: absolute; top: 2.5%; left: 25%; width: 50%; height: 15%; background-color: white;}
#headerimagediv {position: absolute; top: 0%; left: 0%; width: 100%; height: 70%; background-color: darkgray;}
.logo {position: absolute; top: -15%; left: 0%; height: 140%; user-select: none;}
#pageselector {position: absolute; top: 70%; left: 0%; width: 100%; height: 30%; background-color: white;/* display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;*/}
/*#pageselector p {/*position: absolute; top: 70%; display: inline; background-color: purple; font-family: monospace; color: black; font-size: 20; border: 3px black; border-radius: 7px; background-color: yellowgreen; padding: 1em; text-align: center;*//*background-color: purple}*/
#pageselector p {font-size: 30; font-family: monospace;/* background-color: purple*/ transform: scale(1, 1.15);  -webkit-transform: scale(1, 1.15); -moz-transform: scale(1, 1.15); -ms-transform: scale(1, 1.15); -o-transform: scale(1, 1.15);}
/*#pageselector a {text-decoration: none; color: black;}*/
#pageselector a:not(:hover) {text-decoration: none; color: black;}
/*#pageselector a:visited {text-decoration: none; color: black;}*/
#pageselector a:hover {color: black;}
#pageselector a:focus {text-decoration: none; color: black;}
/*#pageselector a:hover, a:active {text-decoration: none; color: black;}*/
#footer {position: absolute; bottom: 0%; left: 0%; width: 100%; height: 2.5vh; background-color: grey;}
::selection {background: rgba(255, 0, 0, 0.65);}
.precursor {font-family: fangsong; font-size: 20; letter-spacing: 0.2rem; animation-name: fadeinfadeout; animation-duration: 19s; animation-iteration-count: infinite; font-size: 16px;}
@keyframes fadeinfadeout {
  0%   {color: black;}
  7%   {color: black;}
  30%  {color: white;}
  55%  {color: rgba(255, 255, 255, 0);}
  80%  {color: white;}
  100% {color: black;}
}
#entertext {letter-spacing: 1.5rem; /*color: #ff0077;*/ font-weight: 900;/* animation-name: enterappearing; animation-duration: 5s;*//* background: -webkit-linear-gradient(left, #ff0077, #000000); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ color: #ff0077; /*animation-name: enterflicker; animation-iteration-count: enterflicker, infinite; */animation: enterappearing 5s forwards, enterflicker 10s infinite, enterscaling 3s infinite; font-size: 18px;/* text-decoration: none !important;*//* text-align: center;*/}
@keyframes enterappearing {
  0%   {opacity: 0; letter-spacing: 1rem;/*-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, 
    from(rgba(0,0,0,0)), to(rgba(0,0,0,0)));*/}
  25%  {opacity: 0;}
  75%  {opacity: 0.5; letter-spacing: 2rem;/*-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, 
    from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));*/}
  95% {opacity: 1; letter-spacing: 1.5rem;/*-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, 
    from(rgba(0,0,0,1)), to(rgba(0,0,0,1)));*/}
}
@keyframes enterflicker {
  0%   {color: #ff0077;}
  25%  {color: #ff0077;}
  50%  {color: #000000;}
  75%  {color: #ff0077;}
  100% {color: #ff0077;}
}
@keyframes enterscaling {
  0%   {font-size: 18px}
  50%  {font-size: 20px}
  100% {font-size: 18px}
}
#entertext:hover {text-decoration: underline;}
.notebookakapagecontainer {display: grid; grid-template-columns: 1fr 1fr;/*left; -2%; */ padding: 10px; position: relative; left: -1.8%; width: 100%;}
.page {background-color: #FFFDF0;/* position: relative; left: -2%; margin-left: 4%;*/ margin-left: 2%; margin-bottom: 4%; padding: 1%; /*height: 450px;*/ height: 455px;}
.page h2, h3, p {display: inline; font-family: fangsong;}
.page h3 {font-size: 12px;}
br {user-select: none;}
.page br {user-select: all;}

/* width */
::-webkit-scrollbar {
  width: 9px;
}

/* Track */
::-webkit-scrollbar-track {
  background: grey;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: lightgrey;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}