@import url(https://pa1.narvii.com/7879/2ede23175a71bc9274efb80e91a734102448baafr1-480-270_hq.gif);
body{

  background: url(images/1.jpg);
  
  background-size: cover; /*покрыть полностью картинкой*/
  background-repeat: no-repeat; /* не повторять*/
  background-attachment: fixed;
   
}
.inside>a{
text-decoration:none;
text-align: center;
color: white;
 
display:block;
width:95%;

margin: 7% 0 3% 2%;
 
}
.shider{
    width: 100%;
    height: 200%;
   top: 20px;
  }
.foto>.container>.side>.inside>a,.contacts>.container>.side>.inside>a{
 margin: 25px auto;   
}
.centre img{
 width:40rem;
}
 
h1,h2,h3{
    text-align:center;
}
h1{
    font-size: 4.5rem;
    font-family: 'Monoton', cursive;
    color: #aa1a1a;
}
.e>h2{
    position:relative;
    font-size: 4rem;
    font-family: 'Yeseva One', cursive;
    margin:1.6rem auto;
}
.c>a{
    font-size: 4rem;

}
.c>a:hover{
    background:rgba(33%, 33%, 33%, 0.5);;
}
.slides{
    margin-top:1.4rem;
}
.block{
    height:10rem;
}
.verh{
    perspective: 90000px;
    float: left;
    width: 30%;
    height:100%;
    margin: 1%;
    margin-top:-10rem;
    /*для класса verh адаптивный дизайн*/
    }
.container {
perspective-origin: 50% 20%;
width: 100%; 
height: 100%;
margin: 14rem auto 0;
margin-left: 1.4rem;
transform-style: preserve-3d;
transition: all 2s;
}
.container:hover{
  transform:rotateX(-90deg);
  transition: all 2s;
}
.c{
background-size:50% 50%;
}
.e{
background-size:50% 50%;
}
.inside { 
position: absolute; 
width: 100%; 
height: 80%; 
/*border: 1px solid black;*/
opacity: 0.8; 

transform:translateX(-50%) translateY(-50%);
top:50%;
left:50%;
}
.side { 
position: absolute; 
width: 100%; 
height: 100%; 
border: 1px solid black;
opacity: 1; 
 
}
.top { 
  transform: translateY(-50%) rotateX(90deg);
  background-color:#a00606d6;
} 
.front { 
  transform: translateZ(4.6em); 
  background-image: url("https://vgif.ru/gifs/153/vgif-ru-23877.gif");
  -webkit-background-size: cover;
  background-size: cover;
}