/**
 * Campaign Styles for campaign #107
 */

/** Style Campaign style#2 */
/* Make the sidebar a fancy serif font*/
.sidebar a {
	font-family: League Spartan Variable;
}
/** Style Empire of the East Dashboard#1568 */
/* Import fancy fonts  */
@import url('https://fonts.googleapis.com/css2?family=Zen+Loop:ital@0;1&display=swap');


/* Use fancy font for headers */
.widget-header-text {
	font-family: 'Zen Loop', cursive, Palatino, serif;
    color: black;
    font-weight: bold;
    font-style: italic;
}

/* Add a nice banner background */
.banner {
  background-image: url("https://imgur.com/hGFr2Yx.png");
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: center top 0.66rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-position-y: bottom -10rm;
}

.empire-of-the-east-header {
  background-image: url("https://i.imgur.com/bBFIzu9.png");
   background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: center top 0.66rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-position-y: bottom -10rm;
}

#campaign-dashboard {  
  /* Blush */
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/d/d9/Asanoha.svg?utm_source=commons.wikimedia.org&utm_campaign=index&utm_content=original"), linear-gradient(
    to right,
    #ddd6f3,#faaca8,#faaca8
  );
  /* Shippou 
  --bg-color: #ffffff;
  --line-color: #eeeeee;

  background-color: var(--bg-color);
  background-image: 
    radial-gradient(circle at 0 0, transparent 45%, var(--line-color) 45%, var(--line-color) 50%, transparent 50%),
    radial-gradient(circle at 100% 0, transparent 45%, var(--line-color) 45%, var(--line-color) 50%, transparent 50%),
    radial-gradient(circle at 0 100%, transparent 45%, var(--line-color) 45%, var(--line-color) 50%, transparent 50%),
    radial-gradient(circle at 100% 100%, transparent 45%, var(--line-color) 45%, var(--line-color) 50%, transparent 50%);
  background-size: 60px 60px;
  */
  

}
/* Empire of Glass/Empire of the East Campaign
#campaign-dashboard {
background-color:#003454;
background-image:
radial-gradient(circle at 100% 150%, #003454 24%, #c5d6e1 24%, #c5d6e1 28%, #003454 28%, #003454 36%, #c5d6e1 36%, #c5d6e1 40%, transparent 40%, transparent),
radial-gradient(circle at 0    150%, #003454 24%, #c5d6e1 24%, #c5d6e1 28%, #003454 28%, #003454 36%, #c5d6e1 36%, #c5d6e1 40%, transparent 40%, transparent),
radial-gradient(circle at 50%  100%, #c5d6e1 10%, #003454 10%, #003454 23%, #c5d6e1 23%, #c5d6e1 30%, #003454 30%, #003454 43%, #c5d6e1 43%, #c5d6e1 50%, #003454 50%, #003454 63%, #c5d6e1 63%, #c5d6e1 71%, transparent 71%, transparent),
radial-gradient(circle at 100% 50%, #c5d6e1 5%, #003454 5%, #003454 15%, #c5d6e1 15%, #c5d6e1 20%, #003454 20%, #003454 29%, #c5d6e1 29%, #c5d6e1 34%, #003454 34%, #003454 44%, #c5d6e1 44%, #c5d6e1 49%, transparent 49%, transparent),
radial-gradient(circle at 0    50%, #c5d6e1 5%, #003454 5%, #003454 15%, #c5d6e1 15%, #c5d6e1 20%, #003454 20%, #003454 29%, #c5d6e1 29%, #c5d6e1 34%, #003454 34%, #003454 44%, #c5d6e1 44%, #c5d6e1 49%, transparent 49%, transparent);
background-size: 100px 50px;
}
*/

/* sand for devils and dragons
#campaign-dashboard {
	background-color: #c68d5e;
opacity: 1;

  background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #c68d5e 10px ), repeating-linear-gradient( #b8824a55, #b8824a );
}
*/