@import url("https://fonts.googleapis.com/css2?family=Cambay&family=Exo+2&display=swap");
@import url("forum.css");

.navbar-brand {
    font-family: "Exo 2", sans-serif;
}

.navbar-image {
    width: 4rem;
}

.jumbotron {
    font-family: "Exo 2", sans-serif;
    background-image: url(https://images.unsplash.com/photo-1544652478-6653e09f18a2);
    background-position: -1200px -1400px;
    background-repeat: no-repeat;
}
.jumbotron-call-of-duty-4 {
    font-family: "Exo 2", sans-serif;
    background-image:
        linear-gradient(hsla(200, 10%, 15%, 60%), hsla(200, 10%, 15%, 60%)),
        url(/static/website/img/cod4-crash.jpg);
    background-position: 0 -400px;
}
.jumbotron-league-of-legends {
    font-family: "Exo 2", sans-serif;
    background-image: url(/static/website/img/lol-summonersrift.jpg);
    background-position: 0 -200px;
}
.jumbotron-counter-strike-2 {
    font-family: "Exo 2", sans-serif;
    background-image:
        linear-gradient(hsla(200, 10%, 15%, 60%), hsla(200, 10%, 15%, 60%)),
        url(/static/website/img/cs2-de_dust2.webp);
    background-position: 0 -400px;
}
.jumbotron-mechwarrior-online {
    font-family: "Exo 2", sans-serif;
    background-image:
        linear-gradient(hsla(200, 10%, 15%, 60%), hsla(200, 10%, 15%, 60%)),
        url(/static/website/img/mwo-cover.jpg);
    background-position: 0 -300px;
    /*background-repeat: no-repeat;*/
    background-size: cover;
}

main,
nav {
    font-family: "Cambay", sans-serif;
}

.card-map {
    height: max-content;
    font-family: "Exo 2", sans-serif;
    border-radius: 1rem;
    background-position: center, center;
    background-size: cover;
}

.text-win {
    color: rgb(106, 255, 47);
}

.text-lose {
    color: rgb(255, 78, 47);
}

.copy-md-text {
    font-family: "Exo 2", sans-serif;
    line-height: 4rem;
}

.copy-md {
    border-top: 1px solid rgba(248, 249, 250, 0.25);
}

.copy-lg {
    font-family: "Exo 2", sans-serif;
    border-top: 1px solid rgba(248, 249, 250, 0.25);
}

.modal-header {
    background-position: center, center;
    background-size: cover;
    border-bottom: 1px solid rgba(248, 249, 250, 0.25);
}

.modal-footer {
    border-top: 1px solid rgba(248, 249, 250, 0.25);
}