@font-face
{
    font-family: 'maghony';
    src: url('maghony-yzl2j-1.ttf');
}

body {
    background-image: url("../data/imgs/background2.jpg");
    background-position: center;
    background-size: cover;
    /*background-blend-mode:overlay;*/
    /*font-family:"Montserrat";*/

    /* darken, exclusion, overlay*/
}

.logo-container{
    position:fixed;
    text-align: left;
    margin-top:-100px;
    margin-left:-140px;
    background-color:transparent;
    z-index: -1;
}

.nav-item a {
    color:white;
    font-size:25px;
    text-decoration:none;
    font-family:maghony !important;
    font-weight:bold;
}

.nav-item a:hover{
    color:#eed9c4;
    text-decoration:underline;
    text-underline-offset: 0.8rem;
}

.navbar h2 {
    font-family:maghony !important;
}

.navbar .container-fluid h2 {
    display:none;
    text-align:right;
}


@media (max-width: 1252px) {
    .logo-container {
        display:none;
    }

    .navbar .container-fluid {
        text-align:center;
    }
    .navbar .container-fluid h2 {
        display:inline;
        font-weight:bold;
        text-align:center;
        margin-left:10px;
        margin-top:10px;
    }
    
    .navbar .container-fluid button {
        margin-left:42.5%;
    }

    #buttonexp {
        display:none;
    }
}

#main {
    margin-top:80%;
    font-family:"maghony";

}

#main h2 {
    margin-top:10px;
}

@media (max-height:932px){
    #main {
        margin-top:10%;
    }

    #buttonexp {
        display:inline !important;
    }
}

.list-group-item .active {
    background-color:transparent !important;
}

.border-0 {
    border-width:0px !important;
}

#centered-content {
    background: rgba(0, 0, 0, .58);
    border-width: 2px ;
    border-color:rgba(230, 200, 31, 0.685);
    border-style: solid;
    border-radius:2px;
}