body,
html {
 padding: 0;
 margin: 0;
 height: 100%;
 font-size: 12px;
 line-height: 1.4rem;
 font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
 
.slider-container {
  border-bottom: 6px ridge;
  height: 100px;
  box-sizing: border-box;
  background-color: #ea32ea;
  overflow: auto;
  white-space: nowrap;
  padding: 5px;
}

body {
background-image: url(/ditherlamb.png);
background-repeat: repeat;
background-size: 50%;
background-color: #d8bfd8;
font-family: "000webfont";
}

.page {
 background-color: white;
 padding: 12px;
}


.wrapper {
 border: 6px ridge;
 width: 729px;
 margin-left: 20px;
 /* If you want the box to be centered, turn this line on instead */
 /* margin: auto; */
 margin-top: 20px;
 box-sizing: border-box;
}

.header {
 height: 160px;
 border-bottom: 6px ridge;
 box-sizing: border-box;
 background-color: #d8bfd8;
 background-image: url("purpbubbles.gif");
}

.main {
 display: flex;
  box-sizing: border-box;
  background: #d8bfd8;
color: white;
 min-height: 760px;
 width: 718px;
}

.side {
 border-right: 6px ridge;
 width: 200px;
 padding: 12px;
 box-sizing: border-box;
 background: #d8bfd8;
 color: white;
 min-height: 760px;
}

.content {
 background: #d8bfd8;
 padding: 12px;
 
}

.button {
 display: block;
 line-height: 40px;
 text-align: center;
 font-weight: bold;
 margin-bottom: 12px;
 font-size: 17px;
 background-image: url("cloudtile.jpg");
 border-radius: 5px;
 color: #fff;
 text-decoration: none;
 text-shadow: 0 0 3px #fff;
 letter-spacing: 1px;
 font-family: serif;
}

.button:hover {
 background-image: url("ditherbut.png");
}

.counter {

}

.title {
 padding-top: 20px;
 padding-left: 20px;
}

h1 {
 font-size: 20px;
 font-weight: 700;
 font-style: normal;
 color: #b55da6;
}

h2 {
 font-size: 16px;
 font-weight: 700;
 font-style: normal;
 color: #a37e97;
}

h2:before {
 content: "\0021B3";
 color: white;
 padding-right: 6px;
}

h3 {
 font-size: 12px;
 font-weight: 700;
 font-style: normal;
 color: white;
}

a {
 color: white;
}

.art {
  padding-top: 5px;
  display: block;
  margin: auto;
  width: 70%;
}

.sidepix {
  display: block;
  margin: auto;
}

table {
 border-collapse: collapse;
}

th,
td {
 padding: 6px 12px;
 vertical-align: top;
 border: 1px solid #000;
}

th {
 background: cyan;
 color: #ff0097;
}

.width-50 {
 width: 50%;
}