/* color scheme */ 
body 
{
    background-color: #fafafa;
    color: #243b53;
}
    
a
{
    color: #490f99;
}
    
strong
{
    background-color: #e8e0f3;
}

h2
{
    border-bottom: solid 2px #243b53;
}

h3
{
    border-bottom: solid 1px #243b53;
}


/* list styles */
ol, ul
{
    padding: 0px;
}

li ol, li ul /* indent nested items */
{
    padding-left: 5%;
}

td ul, td ol
{
    list-style-position: inside;
}

.1
{
    list-style-type: decimal;
}

.i
{
    list-style-type: lower-roman;
}

.a
{
    list-style-type: lower-alpha;
}


body 
{
    max-width: 600px;
    margin: auto;
    font-family: Baskerville, Baskervville, serif;
    line-height: 1.4;
    font-size: 120%;
}

h1 
{
    font-size: 300%;
}

a 
{
    text-decoration: underline;
}

sup, sub
{
    font-size: 70%;
}

th, td
{
    text-align: left;
    vertical-align: top;
}

aside 
{
    font-size: 80%;
}

strong
{
    font-weight: inherit;
    padding: 1px;
}

code
{
    white-space: pre;
    font-family: monospace;
}

.block
{
    display: block;
}


/* style side notes based on screen width */
@media (min-width: 1200px)
{
    aside
    {
        float: right;
        margin-right: -22vw;
        width: 20vw;
    }
}

@media (max-width: 1200px)
{
    aside
    {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        max-width: 550px;
        margin: auto;
    }
}

/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&display=swap');