body {
    background-color: #121212;
    color: #e0e0e0;
    font-family: cursive;
    line-height: 1.6;
    margin: 0;
    padding: 20px;
}
h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}
p {
    margin-bottom: 20px;
}
ul {
    list-style: none;
    padding-left: 0;
}
ul li {
    background: seagreen;
    margin: 5px 0;
    padding: 10px;
    border-radius: 5px;
}
.container {
    max-width: 800px;
    margin: 0 auto;
}

.hidden-text {
    background-color: #333;
    color: #333;
    cursor: pointer;
    padding: 2px 5px;
    border-radius: 3px;
    display: inline-block;
}
.hidden-text.revealed {
    color: #e0e0e0;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);
blockquote{
  font-size: 1.4em;
  width:60%;
  margin:50px auto;
  font-family:Open Sans;
  font-style:italic;
  padding:1.2em 30px 1.2em 75px;
  border-left:8px solid seagreen ;
  line-height:1.6;
  position: relative;
  background: #333
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color: seagreen;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  font-style: italic;
  margin-top: 1em;
}

a:visited {
    color: inherit; /* Inherit color from parent element */
}
a, a:hover {
    text-decoration: none; /* Remove underline */
}