* {
  box-sizing: border-box;
}
body {
  /*font-family: "Segoe UI", Roboto, sans-serif;*/
  margin: 0;
  background: #483123;
  /*background-image: url('https://t.novaskin.me/073a5997192ebde471a888adbdb61cb1d07e2f1e17874230daad4484f50a8258');*/
  /*background: radial-gradient(#966c4a, #593d29);*/
  background-image:
    /*linear-gradient(rgba(155, 155, 155, 0.5), rgba(155, 155, 155, 0.5)),*/
    radial-gradient(rgba(150, 108, 74, 0.7), rgba(89, 61, 41, 0.7)),
    url("dirt-background.png");
  background-repeat: repeat;
  image-rendering: pixelated;
  color: #fff; /* text */
  font-size: 1.0rem;
  /*text-indent: -3em;*/
}
header {
  /*background: linear-gradient(120deg, #04AA6D, #058457);*/
  background: linear-gradient(180deg, #B8D5FF, #8ab9ff, #71A2EC);
  /*background: #4f9e33;
  background: green;
  background: #8ab9ff;*/
  color: #c9beba;
  color: #fff; /* title colour */
  padding: 5px 5px;
  text-align: center;
  /*color: white;
  background-color: white;*/
  /*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
}
main {
  max-width: 960px;
  max-width: 600px;
  margin: 0 auto;
  /*padding: 40px 20px;*/
  }
section {
  background: #54392a; /* background of 'posts' */
  background: #171717dd;
  border-radius: 12px;
  padding: 24px;
  padding: 32px;
  line-height: 1.15;
  margin-bottom: 24px;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
  /*text-align: justify;*/
}
section h2 {
  margin-top: 0;
  color: #4f9e33;
  color: #ddd;
  text-align: center;
}

#changelog {
  background: #171717aa;
  text-align: center;
  margin-top: 24px;
  padding-left: 0px;
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 8px;
  /*width: 310px;*/
}

#notice-section {
/*	display: flex;
	justify-content: center;
	align-items: center;*/
	margin: auto;
  background: #54392a; /* background of 'posts' */
  background: #800000;
  border-radius: 12px;
  padding: 24px;
  padding: 12px;
  line-height: 1.15;
  margin-bottom: 24px;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
  text-align: center;
  font-weight: bold;
  font-size: 1.33rem;
  font-size: 1.15em;
  /*text-align: justify;*/
  a.link {
    color: white;
  }
  a:visited {
    color: white;
  }
  a {
	  color: white;
  }
}
#header-bar {
  padding: 0px;
  text-align: center;
  /*background: #222;*/
  /*background: #90c762;*/
  background: #62a13a;
  border-radius: 0px;
  header, p, body {
    /*text-decoration: line-through;*/
    border-radius: 0px;
    margin: 0 !important;
    padding: 0 !important;
    word-spacing: 2rem;
  }
  margin-bottom: 0px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 2rem;
  a.link {
    color: white;
  }
  a:visited {
    color: white;
  }
  a {
	  color: white;
  }
}

footer {
  padding: 24px;
  padding: 12px;
  text-align: center;
  background: #222;
  font-size: 0.9rem;
}
/* visited link */
a:visited {
  color: #62a13a;
}
/* link */
a:link {
  color: #62a13a;
}
ul, ol {
  padding-left: 0;
}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}