.container{
  align-items: center;
  position: relative;
  padding: 8px;
}

.content {
  background-color: #bd92ce;
  background-image: url('/assets/BG2.png');
  border: 1px solid #1a0b20;
  border-radius: 8px;
  padding: 0 15px 15px 15px;
  text-align: center;
  overflow: auto;
  min-width: 700px;
  max-width: 750px;
}

.sidecontainer{
  align-items: center;
  position: relative;
  padding: 8px;
  max-width: 250px;
  min-width: 250px;
}

.sidecontent {
  background-color: #bd92ce;
  background-image: url('/assets/BG2.png');
  border: 1px solid #1a0b20;
  padding: 0 10px 3px 10px;
  text-align: center;
  overflow: auto;
  border-bottom: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.divheadera {
  padding: 10px;
  margin: auto;
  background-color: #1a0b20;
  color: #a478b5;
  border-radius: 6px;
}

.divheader {
  padding: 10px;
  margin: auto;
  margin-left: -10px;
  margin-right: -10px;
  background-color: #1a0b20;
  color: #a478b5;
  border-radius: 6px;
}

.divheaderbig {
  padding: 10px;
  margin: auto;
  margin-left: -15px;
  margin-right: -15px;
  background-color: #1a0b20;
  color: #a478b5;
  border-radius: 6px;
}

/* sidecontent secondary boxes */
.sidecontent3 {
  background-color: #bd92ce;
  background-image: url('/assets/BG2.png');
  border: 1px solid #1a0b20;
  padding: 0 10px 3px 10px;
  text-align: center;
  overflow: auto;
  border-bottom: none;
  border-top: none;
}

.divheader2 {
  padding: 10px;
  margin: auto;
  margin-left: -10px;
  margin-right: -10px;
  background-color: #1a0b20;
  color: #a478b5;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.sidecontent2 {
  background-color: #bd92ce;
  background-image: url('/assets/BG2.png');
  border: 1px solid #1a0b20;
  padding: 0 10px 5px 10px;
  text-align: center;
  overflow: auto;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: none;
}

.sidecontentsin {
  background-color: #bd92ce;
  background-image: url('/assets/BG2.png');
  border: 1px solid #1a0b20;
  padding: 0 10px 3px 10px;
  text-align: center;
  overflow: auto;
  border-radius: 8px;
}

/* Collectable content */
.colcontainer{
  align-items: center;
  position: relative;
  padding: 8px;
}

.colcontent {
  background-color: #bd92ce;
  background-image: url('/assets/BG2.png');
  border: 1px solid #1a0b20;
  border-radius: 8px;
  padding: 0 15px 15px 15px;
  text-align: center;
  overflow: auto;
  min-width: 700px;
}

.colcontent2 {
  background-color: #bd92ce;
  background-image: url('/assets/BG2.png');
  border: 1px solid #1a0b20;
  border-radius: 8px;
  padding: 0 15px 15px 15px;
  text-align: center;
  overflow: auto;
  min-width: 700px;
  max-width: 1027px;
}

table {
  margin-right: auto; 
  margin-left: auto;
}

.tabcontainer{
  align-items: center;
  position: relative;
  padding: 8px;
}

.tabcontent {
  background-color: #bd92ce;
  background-image: url('/assets/BG2.png');
  border: 1px solid #1a0b20;
  border-radius: 8px;
  padding: 0 15px 15px 15px;
  text-align: center;
  overflow: auto;
  width: 300px;
  max-height: 370px;
}