/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 999; /* Sit on top */
	left: -5;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	margin: 15% auto; /* 15% from the top and centered */
	padding: 5px;
	border: 1px solid #888;
	width: 300px; /* Could be more or less, depending on screen size */
	height: 350px;
	border: 3px solid orange;
	border-radius: 10px;
	color: black;
	background: transparent;
	box-shadow: 1px 1px 5px #000;
	background-image: linear-gradient(
		-45deg, 
		/*
		rgba(139,246,134,.7) 0%, 
		rgba(245,135,209,.8) 65%, 
		rgba(245,63,185,.9) 80%
		*/
		rgba(139,246,134,.7) 0%, 
		rgba(121,159,211,.8) 20%,
		rgba(58,80,134,.9) 90%
	);
}

/* The Close Button */
.closeBtn {
	color: #aaa;
	font-size: 22px;
	font-weight: bold;
	float:right;
	text-shadow: 1px 1px #000;
	background: #fff;
	background-size: 400% 400%;
	/* silver */
	/*
	background-image: linear-gradient(
		-90deg, 
		rgba(208,206,206,1) 0%, 
		rgba(242,242,242,1) 33%,
		rgba(208,206,206,1) 66%
	);
	*/
	/* GOLD */
	background-image: linear-gradient(
		-90deg, 
		rgba(184,166,14,1) 0%, 
		rgba(241,219,33,1) 15%,
		rgba(198,179,18,1) 85%
	);
	animation: AnimateBackTitle 3s ease infinite;
	padding:3px;
	text-align:center;
	border-radius: 10px;
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,.6);
}

.closeBtn:hover,
.closeBtn:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
  font-size: 24px;
  text-shadow: 1px 1px orange;
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,.6);
}

.copyWalletBtn {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-top:15px;
  border: 2px solid orange;
  border-radius: 10px;
  padding:3px;
  font-weight:bold;
  text-align:center;
  margin-left: 170px;
  box-shadow: 3px 3px 3px 0px rgba(0,0,0,.6);
  background-size: 400% 400%;
	/* silver */
	/*
	background-image: linear-gradient(
		-90deg, 
		rgba(208,206,206,1) 0%, 
		rgba(242,242,242,1) 33%,
		rgba(208,206,206,1) 66%
	);
	*/
	/* GOLD */
	background-image: linear-gradient(
		-90deg, 
		rgba(184,166,14,1) 0%, 
		rgba(241,219,33,1) 15%,
		rgba(198,179,18,1) 85%
	);
	animation: AnimateBackTitle 6s ease infinite;
	
}

.copyWalletBtn:hover, .copyWalletBtn:active {
  background:orange;
  border-color: black;
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,.6);
}

.donatepopuptext {
	height: 195px;
	margin-top:35px;
	border-radius: 10px;
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,.6);
	

	
	
	background:rgba(255,255,255,1);
	
	/*
	background:rgba(255,165,0,.6);
	background:rgba(139,246,134,.9);
	*/
}

#walletAddr {
	border-radius: 5px;
	padding: 3px;
}

.donateBtn {
	border-width: 2px;
	border-style: solid;
	border-color: orange;
	border-radius: 10px;
	font-weight:bold;
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,.6);
	background-size: 400% 400%;
	/* silver */
	/*
	background-image: linear-gradient(
		-90deg, 
		rgba(208,206,206,1) 0%, 
		rgba(242,242,242,1) 33%,
		rgba(208,206,206,1) 66%
	);
	*/
	/* GOLD */
	background-image: linear-gradient(
		-90deg, 
		rgba(184,166,14,1) 0%, 
		rgba(241,219,33,1) 15%,
		rgba(198,179,18,1) 85%
	);
	animation: AnimateBackTitle 6s ease infinite;
	padding:3px;
	text-align:center;
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,.6);
}

.donateBtn:hover, .donateBtn:active {
  background:orange;
  border-color: black;
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,.6);
}