body {
    font-family: Verdana,Geneva,sans-serif;
    font-family: 'Varela Round', sans-serif;
    font-family: 'Andada', serif;
    font-family: 'Arimo', sans-serif;

    background-color: #193441;

    color: rgb(253, 253, 254);
}

.background-image {
    background-image: url('http://wallpapercave.com/wp/opkGtSI.jpg');
    background-size: cover;
    display: block;
    filter: blur(20px);
    -webkit-filter: blur(20px);
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    z-index: -999;
}

.rules-page .fig-box,
.front-page .fig-box {
    margin-top: 20px;
    padding: 10px 20px 20px 20px;
    min-height: initial;
}

.rules-page li .rule-title{
    margin-bottom:0px;
}

.rules-page li .rule-title:before{
    content: "\0000a7 ";
    padding-right: 8px;
}

.rules-page ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}

.rules-page li {
    margin-top: 10px;
    padding-left: 16px;
}

.front-page .fig-box ul.fiora {
    list-style: none;
    padding: 0px;
}

.front-page .fig-box ul.fiora li {
    margin-top: 10px;
}

.game-page .fig-box{
    background: rgba(0, 111, 254, 0.7);
    padding: 10px 40px 20px 40px;
    border-radius: 20px;
    min-height: 140px;
}

.fig-box{
    background: rgba(0, 111, 254, 0.7);
    border-radius: 20px;
    min-height: 140px;
}


.game-page .btn {
    border: none;
}

.btn-fig,
.btn-fig:hover{
    color: rgb(253, 253, 254);
    background-color: rgba(0, 111, 254, 0.7);
}

.btn-fig.disabled {
    opacity: 1;
}

.button-holder{
    z-index: 999;
}

@media screen and (min-aspect-ratio: 13/9){
    .hidden-landscape{
        display: none;
    }
}

@media screen and (max-aspect-ratio: 13/9){
    .hidden-landscape{
        display: block;
    }
}

/*
    go-home modal on game-page
*/
.arlayna .modal-content {
    background-color: rgba(4, 80, 190, 0.9);
}

.arlayna .modal-header {
    border-bottom: 1px solid rgb(0, 61, 148);
}

.arlayna .modal-footer {
    border-top: 1px solid rgb(0, 61, 148);
}

.arlayna .btn-block {
    font-size: 26pt;
}

.arlayna .modal-header .close {
    position: absolute;
    right: 15px;
    top: 18px;
    color: white;
    opacity: 1;

    border-radius: 20px;
    border: 1px solid white;
    padding: 2px 7px;
    margin-top: -4px;
    margin-right: -7px;
}

/*
    HeaderHeader
*/

@font-face {
    font-family: 'MutantAcademyBB';
    src: url('../resource/font/MutantAcademyBB.ttf');
}

.front-page .fig-header {
    text-align: center;

    padding: 0px;
}
.front-page .fig-header h1{
    font-family: 'MutantAcademyBB';
    font-size: 28pt;
    margin: 8px 0px 5px 0px;
}

.game-page .game-header-row {
    font-family: 'MutantAcademyBB';
    font-size: 20pt;
    margin: 8px 0px 5px 0px;
}