technique2.css

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: url('back.jpg') no-repeat center center fixed;
  background-size: cover;
  /*background-attachment: fixed;
  background-position: center;*/
}

blockquote {
  color: #f7604c;
}

blockquote strong {
  text-shadow: 0px 0px 4px black;
}

pre {
  background-color: #222;
  padding: 10px;
  border-radius: 3px;
}

/*.wrap {
  background: url('back-.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;

  height: auto;
  width: 70%;

  margin: 12% auto 0;
  display: block;

  box-shadow: 2px 2px 6px rgba(0,0,0,0.6);

  padding: 15px;
  color: #eee;
  font-family: sans-serif;

  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}*/

.wrap {
  /*background-color: rgba(255, 255, 255, 0.1);*/

  position: relative;
  overflow: hidden;

  height: auto;
  width: 70%;

  margin: 12% auto;
  display: block;

  box-shadow: 2px 2px 6px rgba(0,0,0,0.6);

  padding: 15px;
  color: #eee;
  font-family: sans-serif;

  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.wrap::before {
  z-index: -1;
  content: ' ';
  width: 110%;
  height: 110%;
  position: absolute;
  top: -15px;
  left: -15px;

  background: url('back-.jpg') no-repeat center center fixed;
  background-size: cover;
  /*background-attachment: fixed;
  background-position: center;*/
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  filter: blur(3px);

hr {
  border-top: 0;
  border-color: rgba(255, 255, 255, 0.3);
}

ul {
  list-style-type: none;
}
ul li {
  display: inline-block;
}
ul li a {
  padding: 12px 16px;
  text-decoration: none;
  color: #eee;
  transition: 0.3s all ease;
}
ul li a:hover {
  background-color: rgba(255, 255, 255, 0.7);
  color: #333;
}