:root {
  --black: #262626;
  --charcoal: #868686;
  --grey: #a7a7a7;
  --buttonDarkGrey: #292929;
  --buttonHoverGrey:  #717272;
  
}


 
* {
  box-sizing: border-box;
}
svg {
  width: 100px;
}
html, body, h1 {
  margin: 0;
  padding: 0;
  font-size: 18px;
}
body {
  background-color: #f9f9f9;
  font-family: Arial;
  margin: 0;
  font-family: "Lobster", sans-serif;
  padding-bottom: 100px;
  /* min-width: 400px; */
}

/* Center website */

div.storyTable {
  text-align: left;
}
h2 {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 1.2rem;
}
h3 {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 1rem;
  font-weight: lighter;
} 
/* p {
  width: 20vw;
  margin: 300px auto;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
} */
.row {
  margin: 10px -16px;
}
nav {
  position: relative;
  height: 70px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
  /* overflow: hidden; */
  background-color: #a8c2d2;
}

/*Responsive Hamburger*/
/* #hamburger {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 20px;
  width: 40px;
  height: 50px;
}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #222222;
  margin: 6px 0;
  transition: 0.4s;
  border-radius: 14px;
} */


#logo {
  font-family: "Lobster", sans-serif;
  /* font-family: "Nanum Myeongjo", serif; */
  display: flex;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1rem;
  line-height: 8px;
  justify-content: center;
  align-items: center;
}
a#welcome {
  position: absolute;
  top: 20px; 
  left: 20px;
  overflow: hidden;
  min-width: 100px;
  height: 30px;
  background-color:  #eff9ff;
  border: solid 1.5px var(--charcoal);
  border-radius: 10px;
  padding: 10px;
  text-decoration: none;
  color: var(--pageBlack);
}
ul {
  position: absolute;
  right: 20px;
  top: 16px;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  /* border: solid thin black; */
  margin-right: 20px;
}
ul li {
  list-style: none;
}
ul li a {
  text-decoration: none;
  color: var(--pageBlack);
  font-size: 18px;
  display: block;
  padding: 10px 8px;
  position: relative;
}



/* LightBox Styles */



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







/* @media (max-width: 560px) {
  ul {
    display: none;
  }
  #hamburger {
    display: inline;
  } 
}*/