body{
	background-color: #121212;
  background-image: radial-gradient(#5b5b63 0.5px,  transparent .5px), radial-gradient(#5b5b63 0.5px, transparent 0.5px);
  background-size: 12px 12px;
  background-position:0 0, 6px 6px;
	color: #cacbd3;
  font-family: 'Libre Baskerville', serif;
  font-size:20px;
}

footer{
  text-align:center;
}

header {
	background-color: #1e2126;
	padding: 16px 0px;
  margin-bottom: 2px;
	text-align:center;
}
main{ 
  margin-left: 12%;
  margin-right: 12%;
}

h1{
    position:relative;
    text-align:center;
    color:#d5d5e1;
    font-size:50xp;
    font-family:'Graduate', cursive;
    margin-bottom:15px;
    margin:10px;
    padding:10px 15px;
    text-decoration: overline underline;
} 
h2{
    text-align:center;
    font-family:'Metal Mania', cursive;
    font-size:45px;
    padding:-15px;
    color:#d5d5e1;
    background:none;
    letter-spacing:0.07px;
} 
h3{
    padding: 1% 7% 1% 7%;
    letter-spacing:0.7px;
    font-size:16px;
    font-family: 'Libre Baskerville', serif;
}
h4, h5, h6 {
	color: #fff;
}
hgroup{
    
}
p {
    
}
.time-container{
  margin-bottom: -2%;
  padding-left: 7%;
}
time{
  padding-right: 15%;
  font-size: 12px;
  opacity: 0.8;
}
nav ul {
  display: flex;
  flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	
}
em {
    color: #e7372e;
}
em2 {
    color: #f58cc0;
}
em3 {
    color:#41cc66;
}
nav li {
	display: inline-block;
	margin-right: 1rem;
	
}
nav a {
	color: #fff;
	text-decoration: none;
}

nav a:hover {
	border-bottom: 2px solid #fff;
}
a:link {
  color: #03dac6;
  font-weight:bold;
}
a:visited {
  color: #03dac6;
}

a:hover {
  color: #fff;
  transition-duration: 0.2s;
  font-size: ;/* this changes link size*/
}

section {
	background-color: #1e2126;
  border: 2px solid #5b5b63;
	margin-block: 1.5%;
	padding:3px 18px 10px 18px;
}

.big {
    padding: 1% 5% 1% 5%;
    letter-spacing:-0.5px;
    font-family: 'Libre Baskerville', serif;
    line-height: 1.9;
    font-size:16px;
}
.btn-group .button {
  font-family: 'Libre Baskerville', serif;
  background-color: #6c7982;
  border-radius: 10px;
  border: 10px #cbd2d6;
  color: white;
  padding: 1.5% 2%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
  text-transform:uppercase;
}
.btn-group .button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

.btn-group .button:hover {
  font-family: 'Libre Baskerville', serif;
  background-color: #cbd2d6;
}