body
{
    font-family: 'EB Garamond', serif;
    background: #FFE000;
    font-weight:normal;
    font-size: 30px;
}

body.typography
{
    font-family: 'EB Garamond', serif;
    background: #f0f0e9;
    font-weight:normal;
    font-size: 20px;
}

.smalltext
{
   font-size: 20px; 
}

.red
{
    color: #c30706;
}

a
{
    color:black;
    font-weight:normal;
    text-decoration:underline;
}

a:hover
{
    text-decoration:none;
}

h1
{
    font-weight:normal;
    font-size: 90px;
    text-align:center;
    margin-bottom:10px;
}

h1.typography
{
    font-weight:normal;
    font-size: 45px;
    font-variant: small-caps;
    text-align:center;
    margin-bottom:10px;
}

h2
{
    font-weight:normal;
    font-size: 30px;
    text-align:center;
    margin-top:0px;
}

h2.typography
{
    font-weight:normal;
    font-size: 30px;
    text-align:center;
    margin-top:0px;
}

.social-links
{
    margin-top:150px;
    text-align:center;
}

.email
{
    margin-top:150px;
    text-align:center;
}

.content
{
    margin-left: auto;
    margin-right: auto;
    width:750px;
    text-align: justify;
    font-size: 28px;
}

div.typography
{
    margin-left: auto;
    margin-right: auto;
    width:600px;
    text-align: justify;
    font-size: 20px;
}

table.content
{
    margin-left: auto;
    margin-right: auto;
}

button
{
    font-family: 'EB Garamond', serif;
    //background: #FFFFFF;
    font-weight:normal;
    font-size: 24px;
}

textarea
{
  font-family:DejaVu Sans Mono,Menlo,Consolas,Monaco,Lucida Console,Liberation Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}

textarea.sansserif
{
  font-family:serif;
}

#hangouts-button {
    width: 136px;
    height: 100px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}