/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 27, 2020 */

@font-face {
    font-family: 'truenobold';
    src: url('../fonts/truenobold-xye2-webfont.woff2') format('woff2'),
         url('../fonts/truenobold-xye2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'truenoregular';
    src: url('../fonts/trueno-wml2-webfont.woff2') format('woff2'),
         url('../fonts/trueno-wml2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* end font */
html {
    min-height: 100%;
    background-color: #1d1b38;
    background-image: linear-gradient(to bottom, rgba(29, 27, 57, 0), rgba(29, 27, 57, 0) 3em, rgba(29, 27, 57, 1) 19em, rgba(29, 27, 57, 1))
    , url('../img/space_bg.png');

}

body {
    background-color: transparent;

    color: #1d1b38;
    font-family: truenoregular, sans;
}

h1, h2, h3, h4 {
    font-family: truenobold, sans;
}

.big-header {
    color: #5496b5;
    font-size: 4em;
    text-align: center;

    padding-top: 1em;
    margin-bottom: 1em;
}
@media (max-width: 767px) { 
    .big-header {
        font-size: 2em;
    }
}

div.gam {
    background-color: #5496b5;
    color: #1d1b38;

    border-width: .4em;
    border-color: #336d88;
}
@media (min-width: 768px) { 
    div.gam {
        height: 100%;
    }

    .thumb-col {
        background-color: #336d88;
    }
}
.thumb-col {
    background-size: cover;
    background-position: center;
}

.btn-secondary {
    background-color: #8c2fb7;
    color: #fff;

    border: none;
}
.btn-secondary:hover {
    background-color: #e79cc2;
}
.btn-secondary:focus {
    background-color: #e79cc2;
    box-shadow: 0 0 0 .2rem rgba(231, 156, 194, 0.5);
}

.btn-outline-primary {
    background-color: #05010b;
}

.taller {
    height: 18em;
}


/* Transitions for loading game cards */
.games-enter-active {
    transition: all 1s;
}

.games-enter, .games-leave-to {
}

.biocard {
    background-color: #d5bef6; 

    border-width: 0 .4em;
    border-color: #8c2fb7;

    border-radius: 0;

    margin-bottom: 1.2em;
}

.biocard .card-title {
    text-align: center;
}

hr {
    margin-top: .4rem;
    margin-bottom: .4rem;
}