html {
    -moz-filter: grayscale(50%);
    -webkit-filter: grayscale(50%);
    filter: gray; /* IE6-9 */
    filter: grayscale(50%);
}

h1 {
color: orange;
}

h2 {
color: lightgreen;
}

h1 span { background: black; }

#main-content-col > div.row.d-none.d-md-block > div > div  {  background-image: url(https://i.imgur.com/gK64YLX.jpeg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#userpage > div.container-fluid.text-center.bg-white.d-md-none {  background-image: url(https://i.imgur.com/gK64YLX.jpeg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#userpage > div.container-fluid.text-center.bg-white.d-md-none > div:nth-child(1) > div > img {background-image: none
background-color: black}

#userpage > div.container-fluid.text-center.bg-white.d-md-none > div:nth-child(1) 

#userpage > a > img  { display: none !important; }

p.font-weight-bolder { text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black; }
div.font-weight-bolder:nth-child(3) { text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black; }


#profile-coins-amount, #profile-coins-amount-mobile{
    display: inline-flex;
    overflow: hidden;
    max-width: 5ch;
} 
/* #profile-coins-amount::before{content: "1" !important;  }  */
/* #profile-coins-amount-mobile::before{content: "1" !important;  }  */

#userpage > div.container-fluid.text-center.bg-white.d-md-none > div.row.border-bottom > div >*  { text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black; }

/* Phone CSS */
#userpage > div.container-fluid.text-center.bg-white.d-md-none > div:nth-child(1) { display: none; }
#userpage > div.container-fluid.text-center.bg-white.d-md-none > div.row.border-bottom > div > div:nth-child(1) { margin-top: 34px !important; }


/* Wer ist der Mann mit dem Koks */
#coins-transfer-amount-mobile { background-color: #000; }
.btn-primary[onclick*="coin-transfer"]{ font-size:0rem; }
.btn-primary[onclick*="coin-transfer"]:after { font-size:1rem;
content: "Steal Dramacoins" !important;  }
.btn-primary[onclick*="transferCoins"] { font-size:0rem; }
.btn-primary[onclick*="transferCoins"]:after { font-size:1rem;
content: "Steal" !important;  }
#toast-post-error-text { font-size:0rem; }
#toast-post-error-text:after { font-size:1rem;
content: "Stealing amount not viable" !important;  }
#coin-transfer > div { display: none !important; }
#coin-transfer-mobile > div { display: none !important; }