html, body {
  height: 100%;
  width: 100%;
}
body{
  background: linear-gradient(90deg, #ffb8c4,#eac0ce,#eac0ce,#ffb8c4);
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;}
h1{font-size: 100px;
  margin-top: 0px;
  margin-bottom: 10px;
	font-family: Verdana, Geneva, sans-serif; 
  background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
h2{
  font-size: 75px;}
h3{
  font-size: 50px;
  font-family: Verdana, Geneva, sans-serif;}
p,ul,ol{
  font-size: 25px;
  color: white;
text-shadow: 1px 1px 0 #000;}
div.ToC{
  border: 15px outset gold;
  background: goldenrod;
  width: 500px;
  margin-left: auto;
  margin-right: auto;}
div.box{
  margin-left: auto;
  margin-right: auto;
  height: 100px;
  width: 600px;}
div.quote{
  margin-left: auto;
  margin-right: auto;
  width: 1200px;}

a:link,a:visited{
  text-decoration: none;
  font-size: 50px;
  color: green;}
a:hover{
  color: red;
  font-size: 75px;}
a:active{
  color: darkred;}

h2.PKMN{
  font-family: VT323;
  font-size: 130px;}
h2.poster{
  font-family: "Poller One",serif;
  }
h2.StarWars{
  font-family: "Nova Mono", sans-serif;
  font-size: 75px;
  color: #000;
  text-shadow:
    -2px -2px 0 #ffe81f,
    2px -2px 0 #ffe81f,
    -2px 2px 0 #ffe81f,
    2px 2px 0 #ffe81f;}
h2.quotes{
font-family: Lobster, 'Brush Script MT', cursive; 
}
a.quotes{
  color: #000;
  text-decoration: underline;
}