body{
  background-color: gray;
}

.page{
    width: 500px;
/*  margin: auto;*/
  background-color: #fffcf6;
  border-radius: 2px;
}

.writer{


  height: calc(500px * 1.414);

  padding: 1em;
  margin:0;
  padding-bottom: 0em;

  text-align: justify;
/*  text-align-last: justify;*/

line-height: 1.2;
/*border: 1px solid red;*/

}

.type-holder{
/*  border: 1px dotted blue;*/
}
.p2.open{
  border-left: 5px solid black;
}

[contenteditable]:focus {
    outline: 0px solid transparent;
}

.holder{
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0px;
}

p{
/*  border: 1px solid orange;*/
  margin: 0;
}

p.last{
   text-align-last: justify;
}

p.chapter{

  font-size: 20pt;
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: left;
}


p.title{
  text-align: center;
  width: 400px;
  margin: auto;
  padding-top: 2em;
  font-size: 40pt;
}

p.author{
  text-align: center;
  width: 300px;
  margin: auto;
  padding-top: 2em;
  font-size: 30pt;
}
.footer{
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 1em;
}


span.indent{
  display: inline-block;
  width: 25px;
}