body {
  padding: 0;
  margin: 0;
  background-color: #1d1f21;
  color: #c5c8c6;
  font-family: 'Overpass Mono';
}

h1 {
  margin: 0;
  font-size: 3.4em;
  letter-spacing: -2px;
  text-align: right;
  background-color: inherit;
}

p {
  margin: 0 0 15px 0;
}

.shade img {
  opacity: 1;
}

.shade:hover img {
  opacity: 0.8;
}

#title {
  color: #b5bd68;
  margin: 15px 315px 15px auto;
}

#container {
  margin: 0 auto 15px auto;
  width: 900px;
  padding: 15px;
  background-color: #222222;
  color: #c5c8c6;
  border: 10px solid #373b41;
}

#sidebar {
  float: right;
  width: 90px;
  margin: 10px auto auto auto;
}

#main {
  width: 750px;
  float: left;
  padding-left: 10px;
}

.links {
  margin: 10px auto;
  padding: 5px 10px;
  background-color: #282a2e;
  border-left: 10px solid #969896;
  width: 500px;
}

a {
  text-decoration: none;
  background-color: inherit;
  font-weight: normal;
  color:  #81a2be;
}

.contact {
  margin-bottom: 0;
  font-size: 0.8em;
  background-color: inherit;
  color: #b5bd68;
}

hr {
  margin: 20px 0 10px 0;
  border: 1px solid #373b41;
}

div#screens {
  margin: 0 20px 8px 0;
  float: left;
  width: 150px;
  height: 94px;
}

div#screens a {
  display: block;
  height: 150px;
  background: url(images/fonline.jpg) no-repeat;
  overflow: hidden;
}

div#screens a:hover {
  display: block;
  height: 150px;
  background: url(images/cvet.png) no-repeat;
  overflow: hidden;
}

div#screens img {
  visibility: hidden;
}

#footer {
  clear: both;
}