body {

    font-family: honyajire;
    background-image: url(https://frilldoll.neocities.org/aboutimages/background2/tec01.png);
    color:#5b1a00;
}

@font-face {
    font-family: mikiyu;
    src: url(/Users/bella/Desktop/repos/mikiyu-mokomori-b.ttf);

}
@font-face {
    font-family: HonyaJiRe;
    src: url(/Users/bella/Desktop/repos/HonyaJi-Re.ttf);

}


.notebook {
display:grid;
grid-template-columns: auto auto;
grid-template-rows: auto;

    background-image: url(https://frilldoll.neocities.org/image/pinkdiary.png);
    background-color: ;
    margin: auto auto;

    width:965px;
    height: 665px;
    background-repeat: no-repeat;
}

.notebook > div {
    background-color:;
    width:440px;
    height:655px;
    opacity:;
    padding: 20px;
    margin-left: 10px;
    box-sizing: border-box;
    background-image: url(https://frilldoll.neocities.org/aboutimages/background2/imageedit_3_9380621196.gif);
    
  

}

.left_page {

display: grid;
grid-template-columns: 100%;
grid-template-rows: 475px 150px;
gap: 5px;
}

.left_page > div {

    background-color:;
    padding: ;
}


.title {
    color: crimson;
    position: absolute;
    font-family: mikiyu;
    position: sticky;
    font-size:25px;
}

.top {

    position: relative;
    width: 100%;

    background-blend-mode:;
}

.top > img { position: absolute;}

.bottom {

    overflow-y: scroll;
}

summary:hover {

font-style: italic;
filter: brightness(2);
}

a:hover{

    font-style: italic;
    filter: brightness(2);
}

hr {

    border: 0.8px red dashed;
    opacity: 0;
    position: sticky;
    top:48px;
}

/* right page css starts here */

.rightpageiframe {

    width:430px;
    height:625px;
  
}