/* colors and general stuff */
:root {
  --bright-red: #ca0300;
  --mid-red: #4c0200;
  --dark-red: #360100;
  --borders: 3px outset #360100;
  --rounded: 7px;
  --text: whitesmoke;
  --gray: #8d8d8d;
  --box-margin: 7px;
  --box-padding: 15px;
  --sidebar-margins: 5px;
}
html,
body {
  margin: auto;
  font-family: "Courier New";
  font-size: 15px;
  color: var(--text);
  background-image: url("https://redrevelry.neocities.org/index%20files/tree.png");
  cursor: url(https://cur.cursors-4u.net/mechanics/mec-1/mec85.cur), auto;
}
h1 {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 3px dotted var(--gray);
}
a {
  color: var(--bright-red);
  font-weight: bold;
  text-decoration: none;
}
ul{
  list-style-type: circle;
  padding: 5px;
  margin: 5px;
}
li{
  text-align: left;
}
em{
  color: var(--bright-red);
}
.navlink{
  color: var(--text);
  text-decoration: none;
  text-align: center;
  padding: 10px;
  margin: 5px;
  transition-duration: 0.4s;
  border: 1px outset var(--bright-red);
  border-radius: var(--rounded);
}
.navlink:hover{
  background-color: var(--bright-red);
  cursor: pointer;
}
.subtitle {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 3px dotted var(--gray);
}
/* boxes */
.nav{
  display: flex;
  background-color: var(--mid-red);
  margin: auto;
  top: 7px;
  justify-content: center;
  border: var(--borders);
  border-radius: var(--rounded);
  width: 870px;
}
.main-box{
  display: flex;
  justify-content: center;
}
.columnone {
  display: flex;
  flex-flow: column;
  margin: var(--box-margin);
  max-width: 200px;
}
.columntwo {
  display: flex;
  flex-flow: column;
  margin: var(--box-margin);
  max-width: 600px;
}
.columnthree {
  display: flex;
  flex-flow: column;
  margin: var(--box-margin);
  max-width: 230px;
}
.left {
  background-color: var(--mid-red);
  border: var(--borders);
  border-radius: var(--rounded);
  padding: var(--box-padding);
  margin-top: var(--sidebar-margins);
  margin-bottom: var(--sidebar-margins);
  overflow: auto;
}
.updatelog{
  background-color: var(--mid-red);
  border: var(--borders);
  border-radius: var(--rounded);
  padding: var(--box-padding);
  margin-top: var(--sidebar-margins);
  margin-bottom: var(--sidebar-margins);
  height: 140px;
  overflow: auto;
}
.mainbox {
  background-color: var(--mid-red);
  border: var(--borders);
  border-radius: var(--rounded);
  padding: var(--box-padding);
  margin-top: var(--sidebar-margins);
  margin-bottom: var(--sidebar-margins);
  overflow: auto;
}
.right {
  background-color: var(--mid-red);
  border: var(--borders);
  border-radius: var(--rounded);
  padding: var(--box-padding);
  margin-top: var(--sidebar-margins);
  margin-bottom: var(--sidebar-margins);
  overflow: auto;
}
.footer{
  font-size: 11px;
  margin: auto;
  width: 31%;
  text-align: center;
}