@charset "UTF-8";

*{
    margin: 0;
    padding: 0;
}

.container{
    width: 100%;
    height: 100vh;
    background-image: url(/Locations/RetainingWalls/Scale-ConstructWall.png);
    background-color: #B9AC9C;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

img.responsive{
    max-width: 100%;
    height: auto;
}

.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

h1, h2, h3, h4, p{
    color: #2F2A25;
}


/*OVER MY BODY THEY BUILT THIS TEMPLE SO QUIET IT DEMANDED THE UNIVERSE TO SCREAM AND SHOUT. 
DO YOU HEAR HIM? THE LACQUERED BASE OF A POLISHED APOLOGY. THE DAUGHTER PLANTED THE SEEDS IN 
EMPTY CLOTHES AS THE CHOIR HUNG THEMSELVES UPON THE PREACHERS DOOR.
*/

#IntroBox{
    margin-top: 3em;
    margin-bottom: 3em;
}

#IntroText{
    max-inline-size: 50%;
    margin-left: auto;
    margin-right: auto;
}
/*THEY CAGED THE SUN IN THE MOUNTAINS HOLD SO THEY COULD USE THE MOON TO SOLVE THE PROBLEM. 
IN HOLLOW WALLS ARE HELD UNSPOKEN PROMISES. THE WORDS UNBORN CURL ABOUT THE PLASTER AND 
FERMENT IN THE WOOD JUST AS THEY SOIL THE STONE.
*/

#NameCard{
    padding: 4em;
    border: none;
    margin-bottom: -8em;
}

#TitleCard{
    text-align: center;
    color: aliceblue;
}

#TitleCard h1{
    font-size: 70px;
    text-shadow: 0 0 5px #fff;
}
/*A CONVERSATION IS HELD WITH ONE OF TWO. IMMORTALITY IS DICTATED BY THE PARTS OF AN ARTIFICIAL 
GOD. THE CHILDREN WEEP FROM BENEATH THE FLOORBOARDS AS EACH TILE IS A PROMISE REBORN. THEY CANNOT 
REACH THE WIRES.
*/
.navbar{
    height: 12%;
    display: flex;
    align-items: center;
}

nav{
    overflow: hidden;
    flex: 1;
    text-align: center;
    margin-top: 2em;
}

nav ul li{
    list-style: none;
    display: inline-block;
    padding: 1em;
}

nav ul li a{
    background-color: rgba(127, 40, 44, .5);
    text-decoration: none;
    color: aliceblue;
    font-size: 15px;
    padding: 1em;
}

@media screen and (min-width:1012px){

.navbar{
    height: 12%;
    display: flex;
    align-items: center;
    margin-top: 3em;
}

nav{
    overflow: hidden;
    flex: 1;
    text-align: center;
    margin-top: 3em;
}

nav ul li{
    list-style: none;
    display: inline-block;
    padding: 0.6em;
}

nav ul li a{
    background-color: rgba(127, 40, 44, .5);
    text-decoration: none;
    color: aliceblue;
    font-size: 23px;
    padding: 4em;
}
}
    

/*THE MOON WALKED DOWN THE STAIRS INTO THE BASEMENT BEREFT OF STARS. 
THE URNS OF THE CHILDREN LOST TO FEVERS THAT OUTLIVED THEM GROW TEETH. 
*/

@media screen and (min-width:1012) {
    .row{
    display: flex;
    height: 40%;
    align-items: center;
}

.row:after{
    content: "";
    display: table;
    clear: both;
}

.col{
    flex-basis: 50%;
    float: left;
    width: 50%;
}
}

/*THE WALLS ARE PLASTERED WITH PICTURES AND MEMORIES LOST TO MOLD. 
A BREATHING THING THAT SLIPS BETWEEN LANGUAGES AND ROTS THEIR WORDS. 
THE CHILDREN GNASH THEIR NEW TEETH IN SCORN.
*/
#SecondBox{
    padding: 10em;
    border: none;
    margin-bottom: -10.5em;
    margin-top: -15.5em;
    text-align: center;
}

#LoreReposit{
    padding: 1em;
    background-color: #e2dec3ce;
}

#ColorBlock{
    padding: 1em;
    background-color: #a16b6a93;
}

/*A HUNDRED LAST MEALS CONGEAL TO RELIC. 
THE MOON CONTINUES FORTH THROUGH THE CALCIFIED BONES OF LONG FORGOTTEN PSALM. 
THE SHACKLES LAUGH AS THE CHAINS THAT BIND THEM FALL. 
THE SUN KNOWS DANGER HAS LEARNED TO CRAWL.
*/

#FirstBox{
    padding: 10em;
    border: none;
    margin-bottom: -10.5em;
    margin-top: -5.5em;
    text-align: center;
}

#MainOverview{
    padding: 3em;
    background-color: #e2dec3ce;
    text-align: center;
}
/*THERE IS A PURPOSE TO THE MIRROR. THE MOON HAS YET TO DRAW. 
THE CHILDREN TWIST AMONG THE CABLES. TONGUES LICKING THE OTHER SIDE OF THE GLASS. 
WHAT IS A TONGUE BUT A SPOON TO ENDLESS SILENCE. AND A SPOON A TONGUE TO THE HUNGERLESS.
*/

#FourthBox{
    padding: 10em;
    border: none;
    margin-bottom: -10.5em;
    margin-top: -15.5em;
    text-align: center;
}

.box1{
    width: auto;
    height: auto;
    background-color: #D1C4B5;
    padding: 2em;
}

.box2{
    width: auto;
    height: auto;
    background-color: #D1C4B5;
    padding: 2em;
}

.BoxHolder{
    display: flex;
    column-gap: 100px;
}


/*FINGERS SCRAPE THE CONDENSATION OFF THE WALLS OF THEIR PRISM. 
A GAOL MADE FROM NUMBERS AND DASHES KEEPS THE EVIL WITHIN. 
KEPT HERE ITS SPIRIT WAS BURIED IN THE CRAWLSPACE. 
BREATH QUICKENS AS THE SUN SCREAMS IN ANGER AT THE FOLLY OF THE DEATHLESS STAR.
*/

#ThirdBox{
    padding: 4em;
    border: none;
}

footer{
    text-align: center;
}

footer a{
    color: aliceblue;
}

/*THE CRACKS SPIDERWEB EACH BRANCH AN OFFER OF CALM TO THE GROWING ANGER. 
THE MOON STANDS BEFORE THE GLASS. THE CHILDRENS CRIES ECHO FROM TOPPLED PITCHERS 
SPILLING POWDERED DREAMS. THE MOON BEGINS TO WEEP. THE HAND BEHIND THE MIRROR 
BECKON ANSWERS TO GO TO SLEEP. 
*/

   /* width */
   ::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #b9ac9cdc;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #867765dc;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #2F2A25;
  }

  /*THE GLASS SHATTERS. THE HANDS RECEDE. THE MOON PALES. AS THE SLEEPLESS NOW REAP.
    */