@import url("style.css");
@import url("menu.css");

body{
    padding:0.5rem;
    background:#eee;
    font-family:Arial,Helvetica,sans-serif;
    margin-bottom:1rem;
}

a{text-decoration:none;}

img{display: block; background:white;}

h1{
    width:100%;
    margin:auto;
    text-align:center;
    padding:0.3rem;
    margin:3rem 0;
}
h1 .subtitle{font-size:0.8em;}
h2{
    margin-top:2rem;
}
h3{
    margin:1rem 0;
}
svg, .svg{
    margin:1rem;
    border:1px solid grey;
}

/* ================ Particular elements ================ */
.intro{
    font-size:1.2rem;
    margin:1rem 0 1rem 2rem;
    line-height:2;
}
.homelink{
    position:fixed;
    right:3rem;
    top:1rem;
}
a.topage-link{
    position:fixed;
    top:-0.4rem; right:8rem;
    font-size:4rem;
}
.footer{
    margin-top:2rem;
    text-align:center;
}

/* Table of contents aspects and interaspects */
table.toc-aspects{
    border-collapse:collapse;
    border:1px solid grey;
    margin-bottom:2rem;
    margin-top:1rem;
}
table.toc-aspects td,
table.toc-aspects th{
    padding:3px .6rem;
    border:1px solid grey;
}

/* Statistical significance */
.significant{
    background:#f93;
}

/* Table to display statistics below the images */
.table-stats{
    margin-left:3rem;
}
.table-stats th{
    text-align:left;
}
.table-stats td, th{
    padding-left:1rem;
}
.table-chi2{
    margin-left:3rem;
}
.table-chi2 td{
    padding-left:1rem;
}