@font-face {
    font-family: "Sant Joan Despi Regular";
    src: url('https://dollicia.neocities.org/fonts/SantJoanDespiRegular.ttf') format("truetype");
}
@font-face {
    font-family: "Cloister Black";
    src: url(https://dollicia.neocities.org/fonts/CLOISTERBLACK.TTF) format("truetype");
}
@font-face {
    font-family: "Monsieur La Doulaise";
    src: url(https://dollicia.neocities.org/fonts/MonsieurLaDoulaise-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "MeaCulpa";
    src: url(https://dollicia.neocities.org/fonts/MeaCulpa-Regular.ttf) format("truetype");
}


body {
    background-image: url(https://dollicia.neocities.org/Moodboard/c6e69be38f39cb6660d44ad28f778065.jpg);
}

html {
  scroll-behavior: auto;
}

.main {
   display: flex;
   padding: 15px;
   gap: 30px;
   justify-content: center; 
   margin-top: 60px;
}

.pfp {
    background-image: url(https://file.garden/aZ3MxO6aIVfqStzs/pngs/Diary/enstars%20bjd.png);
    background-size: 100%;
    background-position: top center;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    border: ridge 6px #F6C9F3;
    filter: saturate(0.8);
}

span {
    font-family: Sant Joan Despi Regular;
    font-size: 20px;
    white-space: pre-wrap;
    color: #8D7B8C;
}

a {
     display: inline-block;
    text-decoration: none;
    color: #8D7B8C;
    transition: 0.3s linear;
}

a:hover {
    transform: scale(1.1);
    color: #CBA6C9;
}

.left {
    text-align: center;
}

.back {
    background-image: url(https://dollicia.neocities.org/PNGs/oinkoinj.jpeg);
    background-position: center;
    height: 20px;
    border: ridge 2px #F6C9F3;
    border-radius: 25%;
    padding: 5px;
    margin-top: 15px;
}

.disclaimer {
    background-image: url(https://dollicia.neocities.org/PNGs/oinkoinj.jpeg);
    background-position: center;
    width: 190px;
   border: ridge 3px #F6C9F3;
    margin-top: 15px;
    text-align: center;
}

.pic {
    background-image: url(https://file.garden/aZ3MxO6aIVfqStzs/pngs/Diary/towa%20%3B%20slow%20damage.jpeg);
    background-size: 100%;
    width: 190px;
    height: 100px;
    margin-top: 15px;
    border: ridge 3px #F6C9F3;
}

.right {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.header {
    background-image: url(https://dollicia.neocities.org/Moodboard/c6e69be38f39cb6660d44ad28f778065.jpg);
    width: 800px;
    border: ridge 9px #F6C9F3;
}

.content {
    background-image: url(https://dollicia.neocities.org/Moodboard/_%20-%202026-03-10T155925.229.jpeg);
display: flex;
flex-direction: row;
     height: 690px;
     position: relative;
     overflow-x: hidden;
     

}

.month-entry {
    font-family: Sant Joan Despi Regular;
    font-size: 30px;
    white-space: normal;
    word-wrap: break-word;
    padding: 10px;
    overflow-x: scroll;

}

::-webkit-scrollbar {
    width: 1px;
    height: 8px;
}

::-webkit-scrollbar-corner {
    background: #E2BED8;
}

::-webkit-scrollbar-thumb {
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #EEBAE0;
  background-size: 7px;
  border: 1px solid #fff;
  border-radius: 2px;
  box-shadow: inset -3px 0 #BC94B1, inset 1px 1px white
}


.pics {
    padding: 5px;
    border: ridge 3px #F6C9F3;
}
.pics img {
    width: 108px;
}

.page {
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  filter: blur(6px);
  opacity: 0;
  transition: filter 0.4s ease, opacity 0.4s ease;
  font-family: Sant Joan Despi Regular;
  display: flex;
  gap: 20px;
  align-items: flex-start; /* top-align everything */
}

.page:target {
     opacity: 1;
  filter: blur(0);
    visibility: visible;
}


.mikakk {
    width: 400px;
    position: absolute;
}

.entry-title {
    background-color: WHITE; 
    font-size: 40px; mo
    color: #DFC8DE; 
    border: ridge 3px #DFB4DC; 
    width: 400px; 
}

.diary-meow { 
    margin-top: 3px; 
    background-image: url(https://file.garden/aZ3MxO6aIVfqStzs/pngs/Diary/woaw.jpg); 
    background-position: center; 
    background-size: 120%; 
    width: 400px; 
    text-align: center; 
    border: ridge 3px #DFB4DC; 
    overflow: scroll;
}

.meeooww {
    display: flex;
    flex-direction: column;
}

.entry-stuff {
    margin-top: 15px;
}