@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;
}

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

@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 */
}

/* 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 */
}

/* For the Korean word in Rock */
#Korean {
  font-size: 80%;
}

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

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

.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;
}

.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 K1C6b3b6b */
#random {
  color: black;
  font-style: normal;
}

#random a:visited {
  color: black;
}

#random:hover {
  color: blue; /* Change link color to blue on hover */
  font-weight: normal; /* Reset font-weight to normal 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 */
}

.GreekLetter {
  color: black;
  text-decoration: overline;
  font-style: normal;
}

#Rockbottom2 a {
  color: black;
  font-style: normal;
}

#Rockbottom2 a:visited {
  color: black;
}

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

/* K1 to K3 anagram links below */
#late,
#gates,
#never,
#orange,
#hates,
#rested,
#horse,
#name,
#scalloped,
#murdered,
#evil,
#ropes,
#earned,
#thread,
#dared,
#east,
#tough,
#stop,
#liar,
#glare,
#nest,
#trees,
#dangerous,
#least,
#hear,
#beard,
#taste,
#pale,
#rasped,
#nails,
#shade,
#nectar,
#Ida,
#feast,
#adore,
#slow,
#won,
#leapt,
#read,
#rinse,
#later,
#cared,
#feel,
#felt,
#sweat,
#near,
#palms,
#war,
#bad,
#loves,
#this,
#bore,
#Crete,
#right,
#last,
#wings,
#best,
#parties,
#ends,
#gods,
#weak,
#silent,
#except,
#sink,
#thing,
#ulcer,
#desire,
#words,
#ears,
#starve,
#oars,
#coast,
#waste,
#till,
#rage,
#death,
#leaden,
#earth,
#wary,
#others,
#teach,
#sign,
#subtle,
#knee,
#mothers,
#lead,
#bear,
#sword,
#thrust,
#reverse,
#priest,
#but,
#carved,
#snake,
#soar,
#beak,
#begin,
#on,
#from,
#has,
#when,
#oaths,
#vines,
#night,
#now,
#blot,
#credit,
#wolf,
#could,
#wrote,
#gallery,
#rival,
#pier,
#secured {
  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;
}

#late:hover,
#gates:hover,
#never:hover,
#orange:hover,
#hates:hover,
#rested:hover,
#horse:hover,
#name:hover,
#scalloped:hover,
#murdered:hover,
#evil:hover,
#ropes:hover,
#earned:hover,
#thread:hover,
#dared:hover,
#east:hover,
#tough:hover,
#stop:hover,
#liar:hover,
#glare:hover,
#nest:hover,
#trees:hover,
#dangerous:hover,
#least:hover,
#hear:hover,
#beard:hover,
#taste:hover,
#pale:hover,
#rasped:hover,
#nails:hover,
#shade:hover,
#nectar:hover,
#Ida:hover,
#feast:hover,
#adore:hover,
#slow:hover,
#won:hover,
#leapt:hover,
#read:hover,
#rinse:hover,
#later:hover,
#cared:hover,
#feel:hover,
#felt:hover,
#sweat:hover,
#near:hover,
#palms:hover,
#war:hover,
#bad:hover,
#loves:hover,
#this:hover,
#bore:hover,
#Crete:hover,
#right:hover,
#last:hover,
#wings:hover,
#best:hover,
#parties:hover,
#ends:hover,
#gods:hover,
#weak:hover,
#silent:hover,
#except:hover,
#sink:hover,
#thing:hover,
#cruel:hover,
#desire:hover,
#words:hover,
#ears:hover,
#starve:hover,
#oars:hover,
#coast:hover,
#waste:hover,
#till:hover,
#rage:hover,
#death:hover,
#leaden:hover,
#earth:hover,
#wary:hover,
#others:hover,
#teach:hover,
#sign:hover,
#subtle:hover,
#knee:hover,
#mothers:hover,
#lead:hover,
#bear:hover,
#sword:hover,
#thrust:hover,
#reverse:hover,
#priest:hover,
#but:hover,
#carved:hover,
#snake:hover,
#soar:hover,
#beak:hover,
#begin:hover,
#on:hover,
#from:hover,
#has:hover,
#when:hover,
#oaths:hover,
#vines:hover,
#night:hover,
#now:hover,
#blot:hover,
#credit:hover,
#wolf:hover,
#could:hover,
#wrote:hover,
#gallery:hover,
#rival:hover,
#pier:hover,
#secured: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;
  }
}