/* Custom Styles */


/* fonts */

@font-face{
    font-family: alte-bold;
    src: url('/static/fonts/alte-bold.ttf');
    font-weight: bold;
}

@font-face{
    font-family: alte;
    src: url('/static/fonts/alte-reg.ttf');
    font-weight: bold;
}


/* HTML elements override */


body {
    background: #3B3030;
    color: #FFF0D1;
    font-family: "alte";
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'alte-bold';
}


/* overriding Foundation styles */

.callout {
    background: #664343;
    color: #FFF0D1;
}

.callout.primary {
    background: #795757;
    color: #FFF0D1;
}

.button {
    background: #111111;
    color: #FFF0D1;
}

.button:hover {
    background: #FFF0D1;
    color: #222;
}


/* custom classes */ 

.tarot_img {
    max-height: 500px;
    width: auto;
}

.tarot_img_container {
    display: inline-block;
    max-width: 45vw;
}

#card_board {
    width: audo;
    text-align: center;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}