* {
  box-sizing: border-box;
}

/* Control width of <main> */
main {
    max-width: 80ch;      /* Make the column 80 characters wide */
    margin-inline: auto;  /* Center the column itself on the screen */
}

main * {
    line-height: 1.6;
    margin-bottom: 1.5rem; /* adds space between paragraphs */
}

/* Default Dark Theme styles */
body {
    background-color: #191919;
    color: #ffffff;
    padding: 1.5rem;
    margin: 0;
    font-family: Garamond, Georgia, "Times New Roman", sans-serif;
    font-size: 1.1rem;
}

a {
    color: #7777ff;
    text-decoration: none;
}

blockquote {
    background-color: #292929;
    color: #ffffff;

    border-left: 5px solid #a3ffa3;
    padding: 1rem 1.5rem;
    margin: 1.5rem 0;
}

/* Light Theme styles */
body.light-theme {
    background-color: #dddddd;
    color: #333333;
}

body.light-theme blockquote {
    background-color: #f0f0f0;
    color: #333333;
}