/* You can either copy the below and paste it between style tags on your HTML page, OR you can copy this to a file and name it .css and link it from your HTML page. */


:root {
  --bg-color:#EECEE1;
  --bg-AMTD:#C8EFE4;
  --bg-TTotT:#FCFAC3;
  --border-color:#7c9b89;
  --accent-color:#70063D;
  --accent-AMTD:#095413;
  --accent-TTotT:#44270B;
  --link-color:#18bc5a;
  --pg-color:#EECEE1; /* light pink */
  --accent:#E33082; /* dark pink */
  --accent-2:#F28100; /* burnt orange */
}
@import url('https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:ital,wght@0,400..700;1,400..700&family=Texturina:ital,opsz,wght@0,12..72,100..900;1,12..72,100..900&display=swap');

*{
  box-sizing:border-box;
}

html, body {
  margin:0;
  font-family:"Ibarra Real Nova", serif;
  font-size:1em;
  background-image:url('https://lamarie-artsy.neocities.org/Shrines/TallulahCasey/TallulahBackground.png');
}
body {
  background-color:var(--bg-color);
}
#container {
  background-color:var(--pg-color);
  width:50%;
  border-left:100px solid var(--accent-color);
  border-right:1px solid var(--accent-AMTD);
  position:relative;
}
#outer {
  border-left:4px dotted var(--accent-color);
  margin-left:100px;
  height:100%;
}
nav {
  background-color:var(--bg-AMTD);
  position:absolute;
  top:100px;
  left:50px;
  border:1px solid var(--bg-color);
  width:120px;
  height:275x;
  z-index:9;
  border: 15px solid transparent;
  border-image: url(https://lamarie-artsy.neocities.org/Shrines/TallulahCasey/MarqueeBorder.png) 35 round;
  border-image-outset: 10px
}
article { 
padding:50px;
line-height:1.7em;
  
}
h1, h2{
font-family: "Texturina", monospace;
color: #E33082;
}
h1{
  text-align: center;
}
h2 {
  font-size:1.15em;
  border-bottom:1px solid var(--accent-2);
  padding-bottom:8px;
}
h3 {
  font-family: "Texturina", monospace;
  font-size:1.15em;
  border-bottom: none;
  margin: 0.125em;
}
hr {
width: 85%;
color: var(--accent-2);
}
nav > ul {
  background-color:var(--accent-AMTD);
  margin:20px;
  padding:0;
  list-style:none;
}
nav > ul > li {
  border-bottom:1px solid white;
  text-align:center;
}
nav > ul > li:last-child {
  border-bottom:none;
  text-align:center;
}
nav > ul > li > a {
  font-size:12px;
  padding-top:5px;
  padding-bottom:5px;
  display:inline-block;
  color:white;
}
blockquote {
  font-family: "Ibarra Real Nova", serif;
  font-weight: 500;
  font-style: italic;
}
table{
  border: 15px solid transparent;
  border-image: url(https://lamarie-artsy.neocities.org/Shrines/TallulahCasey/MarqueeBorder.png) 35 round;
}
th, td {
  text-align: center;
  padding: 8px;
}

th {
  font-family: "Texturina", serif;
  font-weight: 600;
  font-style: normal;
}
tr:nth-child(even) {
  background-color: #FFFFEE;
}
 @media only screen and (max-width: 850px) {
   nav {
     left:0;
   }
   #container {
     width:100%;
     margin-left:0;
   }
   #outer {
     margin-left:0;
   }
}