@charset "utf-8";

/* reading area */

.layout2{

display:flex;
gap:40px;

max-width:1200px;

margin:50px auto;

}


.reader1{
    flex:1;

max-width:850px;
padding:20px 40px;
border:1px solid #a98a3d;

box-shadow:
0 0 20px rgba(212,175,55,0.2),
0 0 60px rgba(212,175,55,0.08) inset;
}

/* titles */

.book-title{
text-align:center;
font-size:28px;
margin-bottom:5px;
}

.canto-title{
text-align:center;
font-size:22px;
color:#e3c46d;
margin-bottom:40px;
}

/* poem font-size:19px;*/

.poem1{

color:#f5e8c7;

text-shadow:
0 0 1px rgba(255,220,120,0.3),
0 0 3px rgba(255,215,120,0.2),
0 0 6px rgba(255,200,100,0.15);
}

.poem1 p{
margin:0 0 10px 0;
}

.verse{
  margin: 0.6em 0;
  line-height: 1.6;
  font-size: 1.05rem;
}

.stanza-break{
  height: 1.8em;
}

/* navigation */

.nav{
    
    
    
display:flex;
justify-content:space-between;
margin-top:0px;
    
}

.nav a{
color:#7aa2ff;
text-decoration:none;
}

.nav a:hover{
text-decoration:underline;
}

/* lotus separator */

.lotus-separator{
display:flex;
justify-content:center;
margin:45px 0;
}

.lotus{
width:36px;
height:36px;
background:radial-gradient(circle,#e5c76b,#b4933b);

clip-path:polygon(
50% 0%,60% 30%,90% 30%,65% 50%,
75% 85%,50% 65%,25% 85%,35% 50%,
10% 30%,40% 30%
);

animation:lotusGlow 4s infinite ease-in-out;
}

@keyframes lotusGlow{

0%{
transform:scale(1);
box-shadow:0 0 6px #d4af37;
}

50%{
transform:scale(1.2);
box-shadow:0 0 20px #f0d878;
}

100%{
transform:scale(1);
box-shadow:0 0 6px #d4af37;
}

}


/* mobile */

@media (max-width:900px){

.sidebar{
display:none;
}

.reader1{
margin-left:0;
padding:40px 20px;
}

}

.highlight{

background:rgba(212,175,55,0.2);

border-left:4px solid #d4af37;

padding-left:6px;

}