html,
body {
  background-color: #efefef;
  margin: 0;
}

.wrapper {
  align-items: center;
  display: flex;
  height: 35.8vw;
  justify-content: center;
  margin: 5%;
  width: 60%;
}

.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}

.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 100%;
  transition: margin-left 0.25s ease-out;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: inset 0px 0px 13px -10px rgba(0,0,0,0.75);
}
.flipbook .page {
  height: 100%;
  width: 100%;
  
}
.page .shadow{
  box-shadow: inset 0px 0px 13px -10px rgba(0,0,0,0.75);  
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}
.page{
    background-color: white;
    box-shadow: inset 0px 0px 13px -10px rgba(0,0,0,0.75);   
   }
.meno{
    font-size: 0.78vw;
    text-align: center;
    padding-top: 10%;
  }
  .menoalexander{
    margin-top: 10vw;
    text-align: center;
  }
  .priezvisko{
    font-size: 0.78vw;
    letter-spacing: 0.1vwpx;
  }
  .obec{
    text-align: center;
    font-family: sans-serif;
    font-size: 1.6vw;
    font-weight: bold;
  }
  .obec1{
      font-size: 1.6vw;
      text-indent: 3vw;
  }
  .obec2{
      text-align: center;
  }
  .rok{
    text-align: center;
    font-size: 1.8vw;
    letter-spacing: 3px;
    font-family: 'fantasy';
    margin-top: 10%px;
  }
  
  p{
    text-indent: 0.78vw;
    line-height: normal;
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0.976vw;
    padding-right: 0.976vw;
    padding-bottom: 0px;
    font-size: .84vw;
    font-weight: bold;
    color: #000000;
  }
  .pecko{
      font-weight: bold;
    font-style: normal;
    line-height: normal;
    font-family: Arial Black;
    margin-top: 0.78vw;  
    text-indent: 1vw;
    text-align: justify;
    padding-top: 0.976vw;
    padding-left: 0.7vw;
    padding-right: 0.7vw;
    font-size: .84vw;
  }
  .hacko{
    font-size: 1.5vw;  
    font-style: normal;
    font-family: Arial Black;
    text-align: left;
    margin-top: 0.651vw;
    margin-bottom: 0.651vw;
    font-weight: bold;
    margin-left: 1.627vw;
  }
  .vlavo{
      position: absolute;
      margin-left: 0%;
      bottom: .651vw;
      bottom: 0%;
  }
  .vpravo{
      position: absolute;
      margin-left: 85%;
      bottom: .651vw;
      bottom: 0%;
  }
  .ods{
      font-weight: bold;
    font-style: normal;
    line-height: normal;
    font-family: Arial Black;
      font-size: .84vw;
      text-indent: .97vw;
      margin-top: -0.7vw;
  }
  .starostka{
      margin-top: -0.7vw;
    font-size: .8vw;  
    text-align: right;
    margin-right: 2.90vw;
    padding-bottom: 2.92vw;
  }
  .antonia{
    font-size: 1vw;  
    text-align: right;
    margin-right: 2.90vw;
  }
  .kratka{
    letter-spacing: 0.1vw;
  }
  .alexander{
    margin-left: 60%;
  }
  .frank{
      letter-spacing: .4vw;
  }
  .lite{
    font-size: .7vw;
    margin-top: 1.4vw;
  }
  .lit{
    font-size: .7vw;
    margin-top: -0.7vw;
  }
  .jv{
    margin-top: 27vw;
    text-align: center;
  }
  .roky{
      text-align: center;
  }
  .roky1{
      text-align: center;
  }
  .autor{
      text-align: center;
  }
  .tlac{
      text-align: center;
  }