body {
   	background-color: #222;
    	font-family: 'Roboto', sans-serif;
	font-size: 150%;
  	text-align: center;
  	color: #eee;
  }
  
  hr {
	border: 0;
	border-top: 1px solid #95a1ac; /* Darker line to match your theme */
	margin: 20px auto;
	width: 80%; /* Keeps it centered and not too long */
  }
  
  p {
    color: #95a1ac;
	font-size: 80%
  }
  
  a:link {
	color: #7b82e6; /* Accent 1 Blue */
	text-decoration: none;
  }

  a:visited {
	color: #cb6aec; /* Accent 3 Pink */
  }

  a:hover {
	color: #00ffd1; /* Accent 2 Cyan */
	text-decoration: underline;
  }
  
  summary {
	color: #eee;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.17em
	display: inline-block;
  }
  
  ul {
	list-style-position: inside;
	padding: 0;
  }
  
  li {
	color: #95a1ac; /* Secondary Text color */
	list-style-position: inside;
  }
  
  h1, h2, h3, h4, h5, h6 {
    color: #eee;
  }
  
  h1 {
	text-decoration: underline;
	font-size: 250%;
  }
  
  .brand-stroke {
    text-shadow: 
        -1px -1px 0 rgba(238, 238, 238, 0.5), 
         1px -1px 0 rgba(238, 238, 238, 0.5), 
        -1px  1px 0 rgba(238, 238, 238, 0.5), 
         1px  1px 0 rgba(238, 238, 238, 0.5);
  }
  .brand-stroke a:hover {
		filter: brightness(1.5);
  }