body {
text-align: center; height:100%; 
font: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
color: #666666;
background: url(img/2.png) #b34e3a left bottom 0 fixed no-repeat;
    -moz-background-size: 38% auto; /* Firefox до 4.0 */
   -webkit-background-size: 38% auto; /* Safari и Chrome */
   -o-background-size: 38% auto; /* Opera до версии 10.53 */
  background-size: 38% auto; /* CSS3 */
  
padding:0;
}

.post-body {
font: normal normal 100% 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
}

.codeholder {
text-align: left;
padding: 5px 0px;
}
.ad-menu *:focus,.ad-menu *::before,.ad-menu *::after {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: content-box; 
}
.ad-menu li {
  display: inline-block;
  background: rgb(218,212,180);
background: linear-gradient(360deg, rgba(213,223,255,1) 62%, rgba(179,78,58,1) 100%); 
  font-size: 1.4em;
  text-align: center;
  width: 24%; padding: 10px 0;
}
.ad-menu li:hover {
  background: #d5dfff;
}
.ad-menu li a {
  display: block;
  text-decoration: none;
  color: #000;
  
  width: 100%;
}
@media screen and (max-width: 920px) {
.ad-menu li {
    width: 49.5%;
  }
}
@media screen and (max-width: 680px) {
.ad-menu li {
    width: 100%;
}
.ad-menu ul {
  display: none;
}
.ad-menu nav::before,
.ad-menu::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background-image: url(img/1.png);
  background-color:#b34e3a;
  cursor: pointer;
  height: 24px;
  width: 24px;
}
.ad-menu nav::before,
.ad-menu::after {
  background-color: #b34e3a;
  border: 9px solid #b34e3a;
}
.ad-menu::after {
  background-position: -24px -24px;
  z-index: 1;
}
.ad-menu nav::before {
  z-index: 2;
}
.ad-menu nav:focus::before {
  z-index: 0;
}
.ad-menu nav:focus ul,
.ad-menu ul:hover {
  display: block;
}
}