/*
"main.css" contains all styling that is used in common throughout the website.
It includes styling for the application, the blog, and the about page. 
It does not however include styling for the IE fallback webpage, 
 since that webpage is designed to operate in extenuating circumstances
 and doing so would incur significant mental overhead.
It assumes instead the user is accessing the site on a modern, evergreen browser. 
It is a standalone stylesheet that can be optionally extended with other,
 more purpose built stylesheets like app.css or blog.css. 
*/


@font-face
{
    font-family: Garogier;
    src: url(../fonts/Garogier_unhinted.otf);
}

body {
    padding          : 0;
    margin           : 0;
    color            : white;
    background-color : black;
    font-family      : Helvetica, Arial, sans-serif;
    font-size        : 100%;
}

h1,h2,h3 {
    font-family: Garamond, Garogier, serif;
}
h1 {
    margin-bottom: 0.502%; 
    margin-top: 0.502%;
}

summary { 
    font-size: 138%; 
    font-weight:bold;
}
details {
    margin-top: 1.315%    
}
details p { 
    margin-left: 1.315%; 
}

.hcenter {
    width: 61.8%;
    margin-left: auto;
    margin-right: auto;
}
.hcenter h2{
    text-align:center;
}
.vcenter {
    position: absolute;
    top: 23.6%;
}
.hidden {
    display:none;
}