@font-face {
  font-family: 'Indie Flower'; /* set name */
  src: url('/Font/IndieFlower.ttf') format("truetype"); /* url of the font */
}

body {
  background: url("Images/Box_Dimension.webp") repeat-x fixed;
  background-size: auto 130%;
  font-family: "Indie Flower", Cursive, serif;
  font-size: 1.20rem;
  background-color: #cd4eff;
  }
  
/*In order to use a custom image texture for the borders, skin uses the "inner" class.*/
.inner {
  color: #cd4eff;
  background: #cd4eff;
  padding: 0.5em 1em;
  border: 2px dashed #e8e8f0;
  }
  
.sidebar-image .inner {
  padding: 0;
  }
  
.box, .sidebar-image {
  background-color: rgba(205, 78, 255, 0.75);
  border: 2px solid #cd4eff;
  padding: 0.1em;
  }
  
a {
  color: #cd4eff;
  }