body {
  background-color: #040408;
  color:aliceblue;
  font-family: 'Raleway', sans-serif;
  max-width: 50em;
  margin: 0 auto;
  margin-bottom:300px;

  padding: 0 0.5rem;
}


h1,h2,h3,h4,h5,h6,p,blockquote,dl,img,figure {
margin: 2rem 0;
}

h1,h2,h3,h4,h5,h6 { font-weight: bold; line-height: 1.2; }
h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4,h5,h6 { font-size: 100%; }
h5, h6 { text-transform: uppercase; }

a {
  color:#f58fa1;
  background-color: transparent;
  text-decoration: underline;
}

a:hover, a:active {
  color: #ff3659;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #cd7c8a;
  background-color: transparent;
  text-decoration: underline;
}

table {
    border: 1px solid var(--primary-color);
    border-collapse: collapse;
    table-layout: fixed;
    text-align: left;
    width: 100%;
}


img {
    display: block;
    height: auto; 
    max-width: 100%; 
}
ul, ol { margin: 2rem 0; padding: 0 0 0 2rem; }
ul li, ol li { margin-bottom: 1rem; }
li > ul, li > ol { margin: 0.25rem 0 0.5rem; padding: 0 0 0 2rem; }
li > ul li, li > ol li { margin-bottom: 0.5rem; }