* {
    box-sizing: border-box;
}

body {
    margin:0 auto;
    background-image: url("../images/wallpaper.jpg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}



.jumbotron {
    background: rgba(0, 0, 0, 0.01);
    color:red;
    font-family: 'Bungee';
    height:150px;
    padding:20px;
}

h1 {
    margin-top:75px;
    text-align:left;
    margin-left:15px;
}

.combatRules {
    margin-top:100px;
}


h4, h5 {
    text-align:left;
    margin-left:15px;
}
    

#combatList {
    text-align:left;
}
.container, #h5 {
    text-align:center;
}

#characters {
    margin-left: 150px;
    margin-top:100px;
    margin-bottom:100px;
    text-align: center;
}

.card-text {
    color:white;    
}

.fader {
    opacity: .04
}

#battleStage {
text-align:center;
}

#hero img {
    width:300px;
}

#enemy img {
    width:300px;
}

.col-md-4 {
    color:white;
    font-size:40px;
}

#blankRow {
    margin-top:100px;
}

#attackButton {

    padding:100px;
}

/* #music {
    text-align: center;
} */