@charset "UTF-8";

/* We begin with Eric Meyer's CSS reset.  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

@font-face {
  font-family: 'Inconsolata';
  src: url('Inconsolata.otf');
}

/* securing superscript */
sup {
    font-size: smaller;
    vertical-align: super;
}

/* Remove default link styles */
a {
  color: inherit; /* Inherit text color from parent */
  text-decoration: none; /* Remove underline */
}

/* Prevents link lines at bottom of page from wrapping */
.links-container {
  white-space: nowrap;
}

/* Optionally, you can reset link styles for visited links */
a:visited {
  color: inherit;
}

.text-container p {
  margin: 0; /* Remove top and bottom margin of the paragraph */
}

.container {
  display: flex;
  flex-direction: column;
}

.text-container {
  margin-left: 20em;
}

.links-container {
  margin-left: 10em;
}

.text-container p {
  margin-bottom: 0; /* Remove the bottom margin of the paragraph */
}

/* style links inside .links-container */
.links-container a {
  color: black;
  text-decoration: none;
  font-weight: normal;
}

/* Add 5em space between the two links in .links-container */
.links-container a + a {
  margin-left: 5em;
}

.links-container a:visited {
  color: black;
}

.links-container a:hover {
  color: blue; /* Change link color to blue on hover */
  }

/* style links inside #top */
#top a {
  color: black;
  text-decoration: none;
  font-weight: normal;
}

#top a:visited {
  color: black;
}

#top a:hover {
  color: blue; /* Change link color to blue on hover */
 }

/* style links for the index corridor 2b2b3b2b */
a.index {
  color: black;
  text-decoration: none;
  font-weight: normal;
}

a.index:visited {
  color: black;
}

a.index:hover {
  color: blue; /* Change link color to blue on hover */
  }

/* style links inside .Metamorphoses */
.Metamorphoses a {
  color: black;
  text-decoration: none;
  font-weight: normal;
}

.Metamorphoses a:visited {
  color: black;
}

.Metamorphoses a:hover {
  color: blue; /* Change link color to blue on hover */
  }

/* style link for last line of K1C5b5c2a */
#return {
  color: black;
  font-style: normal;
}

#return a:visited {
  color: black;
}

#return:hover {
  color: blue; /* Change link color to blue on hover */
  font-weight: normal; /* Reset font-weight to normal on hover */
}

#Rockbottom {
  color: black;
  text-decoration: overline;
  font-style: normal;
}

#Rockbottom a:visited {
  color: black;
}

#Rockbottom:hover {
  color: blue; /* Change link color to blue on hover */
  font-weight: normal; /* Reset font-weight to normal on hover */
}

/* K3 to K1 anagram links below, alphabetized */

#adder,
#Agenor,
#aid,
#alert,
#Androgeus,
#arced,
#Ares,
#ash,
#averts,
#awry,
#bake,
#bare,
#bared,
#being,
#bets,
#bluest,
#bolt,
#bread,
#cheat,
#cloud,
#coats,
#collapsed,
#craved,
#Cretan,
#dab,
#dare,
#deal,
#dear,
#dearth,
#demurred,
#desert,
#Dia,
#direct,
#dogs,
#dread,
#earn,
#eats,
#endear,
#erect,
#expect,
#Fates,
#feats,
#felt,
#flee,
#flow,
#form,
#gear,
#ghout,
#girth,
#Hades,
#haste,
#hated,
#hatred,
#heads,
#heart,
#Hera,
#hewn,
#keen,
#lair,
#lamps,
#large,
#largely,
#leaned,
#leap,
#left,
#lilt,
#listen,
#live,
#lows,
#mane,
#mean,
#neared,
#nectar,
#nerve,
#nets,
#night,
#no,
#oared,
#oars,
#oread,
#ought,
#owls,
#own,
#petal,
#pirates,
#plate,
#plea,
#pores,
#pots,
#raced,
#rail,
#raw,
#regal,
#rescued,
#reserve,
#reside,
#Rhea,
#ripe,
#risen,
#robe,
#salt,
#seat,
#send,
#sent,
#serin,
#shit,
#shore,
#sing,
#skin,
#slain,
#smother,
#snail,
#sneak,
#soar,
#solve,
#spared,
#spore,
#spot,
#spread,
#stage,
#stale,
#state,
#steal,
#steer,
#sweat,
#swing,
#sword,
#tale,
#tales,
#teats,
#tepal,
#terse,
#thing,
#Thoas,
#throes,
#tower,
#tripes,
#truths,
#tub,
#ulcer,
#veil,
#veins,
#vile,
#viral,
#wake,
#waste,
#words,
#won {
  color: black; /* Default color for the anagram links */
  text-decoration: underline; /* A clue */
  text-decoration-style: dotted;
  font-weight: normal; /* Set the default font weight */
}

#adder:hover,
#Agenor:hover,
#aid:hover,
#alert:hover,
#Androgeus:hover,
#arced:hover,
#Ares:hover,
#ash:hover,
#averts:hover,
#awry:hover,
#bake:hover,
#bare:hover,
#bared:hover,
#being:hover,
#bets:hover,
#bluest:hover,
#bolt:hover,
#bread:hover,
#cheat:hover,
#cloud:hover,
#coats:hover,
#collapsed:hover,
#craved:hover,
#Cretan:hover,
#dab:hover,
#dare:hover,
#deal:hover,
#dear:hover,
#dearth:hover,
#demurred:hover,
#desert:hover,
#Dia:hover,
#direct:hover,
#dogs:hover,
#dread:hover,
#earn:hover,
#eats:hover,
#endear:hover,
#erect:hover,
#expect:hover,
#Fates:hover,
#feats:hover,
#felt:hover,
#flee:hover,
#flow:hover,
#form:hover,
#gear:hover,
#ghout:hover,
#girth:hover,
#Hades:hover,
#haste:hover,
#hated:hover,
#hatred:hover,
#heads:hover,
#heart:hover,
#Hera:hover,
#hewn:hover,
#keen:hover,
#lair:hover,
#lamps:hover,
#large:hover,
#largely:hover,
#leaned:hover,
#leap:hover,
#left:hover,
#lilt:hover,
#listen:hover,
#live:hover,
#lows:hover,
#mane:hover,
#mean:hover,
#neared:hover,
#nectar:hover,
#nerve:hover,
#nets:hover,
#night:hover,
#no:hover,
#oared:hover,
#oars:hover,
#oread:hover,
#ought:hover,
#owls:hover,
#own:hover,
#petal:hover,
#pirates:hover,
#plate:hover,
#plea:hover,
#pores:hover,
#pots:hover,
#raced:hover,
#rail:hover,
#raw:hover,
#regal:hover,
#rescued:hover,
#reserve:hover,
#reside:hover,
#Rhea:hover,
#ripe:hover,
#risen:hover,
#robe:hover,
#salt:hover,
#seat:hover,
#send:hover,
#sent:hover,
#serin:hover,
#shit:hover,
#shore:hover,
#sing:hover,
#skin:hover,
#slain:hover,
#smother:hover,
#snail:hover,
#sneak:hover,
#soar:hover,
#solve:hover,
#spared:hover,
#spore:hover,
#spot:hover,
#spread:hover,
#stage:hover,
#stale:hover,
#state:hover,
#steal:hover,
#steer:hover,
#sweat:hover,
#swing:hover,
#sword:hover,
#tale:hover,
#tales:hover,
#teats:hover,
#tepal:hover,
#terse:hover,
#thing:hover,
#Thoas:hover,
#throes:hover,
#tower:hover,
#tripes:hover,
#truths:hover,
#tub:hover,
#ulcer:hover,
#veil:hover,
#veins:hover,
#vile:hover,
#viral:hover,
#wake:hover,
#waste:hover,
#won:hover,
#words:hover {
  color: red; /* Red color for hover state */
  text-decoration: none; /* Remove underline */
  }

/* K3 to K8 anagram links alphabetized */

#adders,
#along,
#are,
#arid,
#arise,
#beard,
#beaus,
#bore,
#care,
#cat,
#cellar,
#center,
#choir,
#could,
#course,
#dared,
#death,
#deer,
#den,
#dense,
#despair,
#does,
#doom,
#doors,
#dose,
#drive,
#duties,
#earned,
#ears,
#east,
#emigre,
#evil,
#except,
#from,
#gates,
#glare,
#glided,
#golden,
#gust,
#has,
#hips,
#host,
#how,
#hustling,
#last,
#later,
#latter,
#liar,
#means,
#meats,
#name,
#nearest,
#nest,
#never,
#nose,
#now,
#oaths,
#on,
#orgy,
#owl,
#peels,
#perverse,
#plied,
#pool,
#present,
#priests,
#raid,
#raise,
#read,
#receded,
#rescind,
#reverse,
#ridges,
#rite,
#rived,
#rose,
#rued,
#run,
#safer,
#said,
#scion,
#seared,
#set,
#shade,
#she,
#sheet,
#shut,
#sign,
#sire,
#slake,
#slit,
#sleep,
#snake,
#snow,
#sore,
#space,
#spare,
#spear,
#stained,
#stray,
#study,
#tears,
#tedious,
#tern,
#there,
#things,
#thread,
#tired,
#town,
#tread,
#vines,
#wander,
#war,
#was,
#when,
#who,
#whoever,
#wives,
#wrote {
  color: black; /* Default color for the anagram links */
  text-decoration: underline; /* A clue */
  text-decoration-style: dotted;
  font-weight: normal; /* Set the default font weight */
  cursor: pointer;
}

#adders:hover,
#along:hover,
#are:hover,
#arid:hover,
#arise:hover,
#beard:hover,
#beaus:hover,
#bore:hover,
#care:hover,
#cat:hover,
#cellar:hover,
#center:hover,
#choir:hover,
#could:hover,
#course:hover,
#dared:hover,
#death:hover,
#deer:hover,
#den:hover,
#dense:hover,
#despair:hover,
#does:hover,
#doom:hover,
#doors:hover,
#dose:hover,
#drive:hover,
#duties:hover,
#earned:hover,
#ears:hover,
#east:hover,
#emigre:hover,
#evil:hover,
#except:hover,
#from:hover,
#gates:hover,
#glare:hover,
#glided:hover,
#golden:hover,
#gust:hover,
#has:hover,
#hips:hover,
#host:hover,
#how:hover,
#hustling:hover,
#last:hover,
#later:hover,
#latter:hover,
#liar:hover,
#live:hover,
#means:hover,
#meats:hover,
#name:hover,
#nearest:hover,
#nest:hover,
#never:hover,
#nose:hover,
#now:hover,
#oaths:hover,
#on:hover,
#orgy:hover,
#owl:hover,
#peels:hover,
#perverse:hover,
#plied:hover,
#pool:hover,
#present:hover,
#priests:hover,
#raid:hover,
#raise:hover,
#read:hover,
#rescind:hover,
#receded:hover,
#reverse:hover,
#ridges:hover,
#rite:hover,
#rived:hover,
#rose:hover,
#rued:hover,
#run:hover,
#safer:hover,
#said:hover,
#scion:hover,
#seared:hover,
#set:hover,
#shade:hover,
#she:hover,
#sheet:hover,
#shut:hover,
#sign:hover,
#sire:hover,
#slake:hover,
#sleep:hover,
#slit:hover,
#snake:hover,
#snow:hover,
#sore:hover,
#space:hover,
#spare:hover,
#spear:hover,
#stained:hover,
#stray:hover,
#study:hover,
#tears:hover,
#tedious:hover,
#tern:hover,
#there:hover,
#things:hover,
#thread:hover,
#tired:hover,
#town:hover,
#tread:hover,
#vines:hover,
#wander:hover,
#war:hover,
#was:hover,
#when:hover,
#who:hover,
#whoever:hover,
#wives:hover,
#wrote:hover {
  color: rgb(170, 255, 0); /* Green color for hover state */
  text-decoration: none; /* Remove underline */
  cursor: pointer;
  }

/* Add 5em space between the two links in .links-container */
.links-container a + a {
  margin-left: 5em;
}

body {
  background-color: rgb(249,250,245);  
  font-family: Inconsolata;
  font-size: 30%;
  padding-top: 1em;
  padding-bottom: 1em;
  }

@media screen and (min-width: 414px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 35%;
     }
 .text-container {
  margin-left: 10em;
 }

 .links-container {
  margin-left: 2em;
 }
}

@media screen and (min-width: 504px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 40%;
  }
  .text-container {
    margin-left: 10em;
  }
  .links-container {
    margin-left: 2em;
  }
}

@media screen and (min-width: 566px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 45%;
  }
  .text-container {
    margin-left: 10em;
  }
  .links-container {
    margin-left: 2em;
  }
}

@media screen and (min-width: 624px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 50%;
  }
  .text-container {
    margin-left: 10em;
  }
  .links-container {
    margin-left: 2em; 
  }
}

@media screen and (min-width: 688px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 55%;
  }
  .text-container {
    margin-left: 10em;
  }
  .links-container {
    margin-left: 2em;
  }
}

@media screen and (min-width: 746px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 60%;
  }
  .text-container {
    margin-left: 10em;
  }
  .links-container {
    margin-left: 2em;
  }
}

@media screen and (min-width: 808px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 65%;
  }
  .text-container {
    margin-left: 10em;
  }
  .links-container {
    margin-left: 2em;
  }
}

@media screen and (min-width: 868px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 70%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 932px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 75%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 990px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 80%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1050px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 85%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1112px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 90%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1174px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 95%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1232px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 100%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1296px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 105%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1354px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 110%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1416px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 115%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1476px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 120%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1538px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 125%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1602px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 130%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1662px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 135%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1722px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 140%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1782px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 145%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1840px) {
 body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 150%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}

@media screen and (min-width: 1900px) {
  body {
    background-color: rgb(249,250,245);  
    font-family: Inconsolata;
    font-size: 155%;
  }
  .text-container {
    margin-left: 20em;
  }
  .links-container {
    margin-left: 10em;
  }
}