body {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D */
background: rgb(98,125,77); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: white;
font-size:24px;



  
}

body::before {
  background-image:  url('../img/blank.jpg');
  opacity: 1.0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  
}

/*
body::before {
    background:pink;
}
html, body::before {
  background-image:  url('../img/blank.jpg');
  opacity: 1.0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  
}
*/


/** this is another thought? **/
.demo-wrap:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-image: url('https://assets.digitalocean.com/labs/images/community_bg.png');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

h1 {
    font-size:62px;
    margin-bottom:5px;
}

button {
    background: rgba(98,125,77,1);
    color:white;
    border:2px solid rgba(31,59,8,1);
    border-radius:5px;
    box-shadow: 2px 2px black;
    padding: 10px;
    margin:10px;
}
.col-md-2 {
    margin:5px;
}

.qBox {
    border:2px inset rgba(31,59,8,1);
    border-radius:20px;
    box-shadow: 2px 2px black;
    padding: 5px;
    /* trying to make all same size? */
    height:400px;
}

.ffBck {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+17,52b152+33,008a00+67,005700+83,002400+100;Green+3D+%231 */
background: linear-gradient(to bottom,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
