body { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #444444;
  vertical-align: center;
  background: url(fon.jpg); 
}

h2 { 
  font-size:120%; 
  color:#ffffff; 
  background: #444444; 
  padding: 4px 0 3px 4px; 
  margin-top: 4px; 
}

h1 {
  color:#ffffff; 
  background: #444444;
}

h3 { 
  font-size:80%; 
  margin: 0 0 2px 0; 
  color:#FFFFFF;
}

h4 { 
  font-size:110%; 
}

h8 {
  font-size:80%; 
  color:#FFFFFF; 
  background: #444444; 
  padding: 4px 0 3px 4px; 
  margin-top: 4px; 
}

h5 {
  font-size:100%; 
  color:#FFFFFF; 
}

.subsection {
  font-size:120%; 
  background: #ADD8E6b0;
  border-radius: 15px;
  vertical-align: center;
  display: center;
  margin: 4px;
  padding: 8px;
}
g{
  background-color: #000000;
}

.text {
  font-family: sans-serif;
}

.code { 
  font-family: "Courier New", Courier, monospace; 
  font-size: 85%; 
}

ul { 
  padding: 3px 24px 10px 24px; 
}

ul li { 
  padding: 2px 0 2px 0; 
}

.link-button {
  font-size: 90%; 
  border-radius: 20px;
  width: 175px;
  height: 35px;
  background: #FFFFFF;
  margin: 4px;
  vertical-align: middle;
}

.link {
  font-size: 90%; 
  border-radius: 20px;
  width: 200px;
  height: 35px;
  background: #FFFFFF;
  margin: 4px;
  vertical-align: middle;
}

.link-items {
  font-size: 90%; 
  border-radius: 20px;
  width: 175px;
  height: 35px;
  background: #FFFFFF;
  margin: 4px;
  vertical-align: middle;
}

.link-liquid {
  font-size: 90%;
  border-radius: 20px;
  width: 170px;
  height: 35px;
  background: #FFFFFF;
  margin: 4px;
  vertical-align: middle;
}

.link-wall {
  font-size: 90%;
  border-radius: 20px;
  width: 175px;
  height: 35px;
  background: #FFFFFF;
  margin: 4px;
  vertical-align: middle;
}

.link-fs {
  font-size: 90%; 
  border-radius: 20px;
  width: 200px;
  height: 35px;
  background: #FFFFFF;
  margin: 4px;
  vertical-align: middle;
}

.subsection-items {
  background: #BDB76Bb0;
  border-radius: 15px;
  vertical-align: center;
  display: center;
  margin: 4px;
}

.subsection-fs {
  background: #B461B4b0;
  border-radius: 15px;
  vertical-align: center;
  display: center;
  margin: 4px;
}

.subsection-wall {
  font-size: 95%;
  background: #008080b0;
  border-radius: 15px;
  vertical-align: center;
  display: center;
  margin: 4px;
  
}

.authors {
  background: #16CE86;
  margin: auto;
  border-radius: 10px;
  vertical-align: center;
  display: inline-block;
}

.authors-text {
  margin: 10px;
}

.white {
  font-size: 160%;
  background-color: #808080b0;
  padding: 8px;
  border-radius: 15px;
  font-family: "Courier New", Courier, monospace;
}

.white-name {
  color: #D3D3D3;
}

.subsection-content {
  font-size: 120%; 
  background: #808080b0;
  border-radius: 15px;
  vertical-align: center;
  display: center;
  margin: 4px;
  padding: 8px;
}

.alpha-content {
  font-size: 180%; 
  background: #808080b0;
  border-radius: 10px;
  vertical-align: center;
  display: center;
  margin: 4px;
  padding: 4px;
}

.creator-content {
  font-size: 120%; 
  background: #696969;
  border-radius: 15px;
  vertical-align: center;
  display: center;
  margin: 4px;
  padding: 4px;
}

.subsection-liquid {
  font-size: 100%; 
  background: #FFA07Ab0;
  border-radius: 15px;
  vertical-align: center;
  display: center;
  margin: 4px;
  padding: 8px;
}