@import "prez/variables";

body {
    margin: 0;
    padding: 0;
}

.header {
    font-size: 32px;
}

.contact {
    font-size: 25px;
}

.url {
    color: blue;
}

.gem {
    color: #bb0000;
    font-weight: bold;
}

.prez-slide {
    &, input, table {
        font-size: 50;
    }

    &.inverse {
        box-sizing: border-box;
        background-color: #000000;
        color: #ffffff;
    }

    display: none;
    min-height: $prez-slide-min-height;
    padding: $prez-padding;
    box-sizing: border-box;
    height: 100%;

    table td {
        padding-left: 3%;
        padding-right: 3%;
    }

    .prez-element.hide-style.hidden {
        display: none;
    }

    .prez-element.opacity-style.hidden {
        opacity: 0.25;
    }
}

.center-aligned, .prez-slide .center-aligned {
    text-align: center;
}

.center-aligned table, .prez-slide table.center-aligned {
    margin: 0 auto;
}

.left-aligned, .prez-slide .left-aligned {
    text-align: left;
}

.left-aligned table, .prez-slide table.left-aligned {
    margin: 0;
}

.left-aligned {
    padding-left: 5%;
}

.right-aligned, .prez-slide .right-aligned {
    text-align: right;
}

.right-aligned table, .prez-slide table.right-aligned {
    margin: 0 0 0 auto;
}

.right-aligned {
    padding-right: 5%;
}

.pre {
    font-family: monospace;
    font-size: 0.9em;
    white-space: pre;
}

.smaller, .smaller.pre {
    font-size: 0.7em;
}

.biggest {
    font-size: 5.0em;
}


.red-background {
    background-color: #ffcccc;
}

.green-background {
    background-color: #ccffcc;
}

.blue-background {
    background-color: #ccccff;
}

.emphasize {
    font-weight: bold;
}

.strikeout {
    text-decoration: line-through;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 42px;
}

.prez-notes {
    display: none;
}