.binder {
  padding: 20px 20px 20px 0; 
  position: absolute;
  margin-top: 10px;
  left: 20px;
  width: 920px;
  height: 600px;
  overflow: hidden;
  background: url(https://i.pinimg.com/736x/b0/46/9f/b0469f81283621e9e8557b7aec4c9611.jpg);
  border-radius: 20px 20px 20px 20px;
  border: #d2ea7d 2px dashed;
  box-shadow: rgb(255, 175, 199) 0 0 0 5px, rgba(0,0,0,0.5) 0 0 20px;
}
.mytabs{
 justify-content: end;
  z-index: 200px;
  position: absolute;
width: 100%;
}

.mytab{
position:absolute;
 width: 68px;
  display:flex;
  margin: 2px;
  padding:15px;
  left: 901px;
  flex-direction: row-reverse;
  background-color: #ffd8e5; 
  justify-content: end;
}
a{
  color: palevioletred;
}
.mytabs .mytab:nth-of-type(1){
  top: 32px;

}
.mytabs .mytab:nth-last-of-type(2){
  top: 100px;
}
.mytabs .mytab:nth-of-type(3){
  top:170px;
}

.binder:after {
  content: '';
  width: 100px;
  height: 100%;
  display: block;
  position: absolute;
  left: 367px;
  z-index: 0;
  top: 0;
  border-right: #fff 2px dashed;
  box-shadow: rgba(255,255,255,0.5) 0 0 50px;
}

.rings {
  position: absolute; z-index: 200;
  height: 100%;
}

.rings .ring:nth-of-type(1) {
 top: 30px; 
}

.rings .ring:nth-of-type(2) {
 top: 50%; 
 margin-top: -20px;
}

.rings .ring:nth-of-type(3) {
  bottom: 70px;
}

.ring {
 width: 80px;
  height: 10px;
  border-radius: 100px;
  background: -webkit-linear-gradient(left, #d1d1d1, #fff, #d1d1d1, #fff, #d1d1d1);
  position: absolute;
  left: 428px;
  box-shadow: rgba(0,0,0,0.4) 0 0 10px;
}

.ring:before,
.ring:after {
  display: block;
  content: '';
  border-radius: 100px;
  position: absolute;
  width: 16px;
  height: 16px;
  background: #000;
  z-index: -1;
  top: -3px;
}

.ring:before {
 left: -3px; 
}

.ring:after {
 right: -3px;
}

.back-page {
 background: #fcfcfc;
 background: url(https://i.pinimg.com/736x/46/af/93/46af93720ecd620357c0b724a69baee2.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 width: 425px;
 height: 600px;
 position: absolute;
 left: 30px;
 box-shadow: rgba(0,0,0,0.4) 1px 1px 10px;
 z-index: 5;
}

.page {
 background: #fcfcfc;
 background: url(https://i.pinimg.com/736x/46/af/93/46af93720ecd620357c0b724a69baee2.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 width: 100%;
 width: 425px;
 height: 600px;
 position: absolute;
 left: 481px;
 box-shadow: rgba(0,0,0,0.4) 1px 1px 10px, #fff 3px 3px 0px, rgba(0,0,0,0.4) 5px 5px 10px, #fff 6px 6px 0px;
 z-index: 5;
}

button{
  background-color: transparent;
  position: absolute;
  transform: translate( 0px, 664px);
}