/* -- Body Background -- */
body {
  margin: 0;
  height: 100vh;
  background-image: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(19,19,19,0.35) 100%), url("https://www.JaydenYoon.com/images/JaydenYoonZK_Brownish_White_Background_Small.jpg");  
}


/* -- Center Everything -- */
.Center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


/* -- Center Button -- */
.CenterButton {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* -- JaydenART Button : Normal -- */
.JayBrown {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 0 15px;
  padding: 8px 20px 10px;
  border: 1px solid rgba(127,70,34,1);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal normal bold 14px/1 "Coda", Helvetica, sans-serif;
  color: rgb(255, 255, 255);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 1%, rgba(206,133,88,0.99) 100%), rgba(114,71,42,1);
  background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 1%, rgba(206,133,88,0.99) 100%), rgba(114,71,42,1);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 1%, rgba(206,133,88,0.99) 100%), rgba(114,71,42,1);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 0 0 5px 1px rgba(239,159,105,0.6) inset, 0 1.5px 0 0 rgba(229,151,98,1) inset, 0 6px 0 0 rgba(89,50,24,1) , 0 8px 3px 1px rgba(0,0,0,0.99);
  box-shadow: 0 0 5px 1px rgba(239,159,105,0.6) inset, 0 1.5px 0 0 rgba(229,151,98,1) inset, 0 6px 0 0 rgba(89,50,24,1) , 0 8px 3px 1px rgba(0,0,0,0.99);
  text-shadow: 0 -1px 1px rgba(45,22,7,1);
  outline: none;
}


/* -- JaydenART Button : Hover -- */
.JayBrown:hover {
  cursor: pointer;
  background: -webkit-linear-gradient(-90deg, rgba(255,255,255,0) 0, rgba(211,140,99,0.7) 100%), rgba(137,89,57,1);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(211,140,99,0.7) 100%), rgba(137,89,57,1);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(211,140,99,0.7) 100%), rgba(137,89,57,1);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 0 0 5px 1px rgba(239,159,105,0.6) inset, 0 1.5px 0 0 rgba(234,161,112,0.96) inset, 0 6px 0 0 rgba(89,50,24,1) , 0 8px 3px 1px rgba(0,0,0,0.99);
  box-shadow: 0 0 5px 1px rgba(239,159,105,0.6) inset, 0 1.5px 0 0 rgba(234,161,112,0.96) inset, 0 6px 0 0 rgba(89,50,24,1) , 0 8px 3px 1px rgba(0,0,0,0.99);
  text-shadow: 0 -1px 1px rgb(30,45,77);
  outline: none;
}


/* -- JaydenART Button : Active -- */
.JayBrown:active {
  margin: 5px 0 10px;
  background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 1%, rgba(206,133,88,0.99) 100%), rgba(114,71,42,1);
  background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 1%, rgba(206,133,88,0.99) 100%), rgba(114,71,42,1);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 1%, rgba(206,133,88,0.99) 100%), rgba(114,71,42,1);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 0 1px 10px 1px rgba(239,159,105,0.6) inset, 0 1.5px 0 0 rgba(234,171,129,1) inset, 0 2px 0 0 rgba(89,50,24,1) , 0 3px 3px 1px rgba(0,0,0,0.99);
  box-shadow: 0 1px 10px 1px rgba(239,159,105,0.6) inset, 0 1.5px 0 0 rgba(234,171,129,1) inset, 0 2px 0 0 rgba(89,50,24,1) , 0 3px 3px 1px rgba(0,0,0,0.99);
  outline: none;
}


/* -- Hidden Line Break -- */
span {
  white-space: pre;
}

span:after {
  content: ' ';
}

span.line-break {
  display: block;
}

span.line-break:after {
  content: none;
}


/* -- Copyright Texts -- */
.Copyright a {
  text-decoration: none;
  color: #C79E5B;
}


/* -- Superscript Registered Trademark Symbol -- */
sup {
  position: relative;
  font-size: 40%;
  line-height: 0;
  vertical-align: baseline;
  top: -1.1em;
  left: 0.3em;
}


/* -- Center Copyright Texts & Word Breaks -- */
.CenterCopyright {
  position: fixed;
  left: 0;
  bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  
  text-align: center;
  align-items: center;
  justify-content: center;
  text-align: center;
  
  color: #e0e0e0;
  font: bold 15px helvetica;
  text-shadow: 0px -1.5px 0px rgba(0, 0, 0, 1),0px 1px 1.5px rgba(255, 255, 255, 0.25);
  
  background-color: #333742;
  -webkit-box-shadow: 0px 10px 3px 11px rgba(0,0,0,0.6);
  box-shadow: 0px 10px 3px 11px rgba(0,0,0,0.6);
  
/* Word Break */
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  -ms-word-break: break-word;

/* None Standard For Webkit */
  -webkit-hyphens: none;
  moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}


/* -- All Rights Reserved Same Line -- */
.AllRightsReserved {
  display: inline-block;
}


/* -- Text Highlight + Shadow Removed -- */
::-moz-selection {