@font-face {
  font-family: 'bc';
  src: url('diary/fonts/BLKCHCRY.TTF') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'aiw';
  src: url('diary/fonts/Alice_in_Wonderland_3.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'evanescent';
  src: url('diary/fonts/evanescent.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'evanescent2';
  src: url('diary/fonts/evanescent_p.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'sg1';
  src: url('diary/fonts/SingleGhost_regular.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'sg2';
  src: url('diary/fonts/SingleGhost_2.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

body{
  background-image:url('backgrounds/background09.gif');
  background-repeat:repeat;
  background-size:50%;
  background-color:black;
  color:black;
  overflow:hidden;
}

a {
  text-decoration:none;
}

a:hover {
  text-decoration:none;
}

h1{
  margin:5px 0px;
}

h2{
  margin:5px 0px;
}

h3{
  margin:5px 0px;
}

p{
  margin:5px 0px;
}

img{
  margin:2px 0px;
}

hr{
  border:1px solid black;
}

/**/

.grayscale{
  filter:grayscale(100%);
}

.dropshadow{
  filter:drop-shadow(0 0 5px white);
}

/**/

.book{
  position:absolute;
  height:59vh;
  width:54vw;
  right:4%;
  top:15%;
  padding:70px 75px;
  transform:rotate(2deg);
  background-image:url('backgrounds/background010.png');
  background-size:contain;
  background-repeat:no-repeat;
}

.bookmark{
  background-image:url('backgrounds/background011.png');
  padding:60px;
  height:100%;
  width:20%;
  background-size:contain;
  background-repeat:no-repeat;
  position:absolute;
  top:10%;
  left:-2%;
  color:white;
}

.bookmark a, .bookmark a:hover{
  color:white;
}

.bookmark button{
  background-image:url('backgrounds/background006.gif');
  background-size:contain;
  width:65%;
  border: 1px dotted white;
  height:auto;
  margin-bottom:5px;
  padding: 1px;
  border-radius:5px;
  position:relative;
  font-family:aiw;
  font-size:1.6em;
  color:white;
}

.entry{
  background-image:url('backgrounds/background012.png');
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
  height:30%;
  width:98%;
  padding:10px;
  overflow:scroll;
  box-sizing:border-box;
  margin-bottom:5px;
  /*border: 3px double black;*/
}

.note{
  background-image:url('backgrounds/background012.png');
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
  height:auto;
  width:97%; 
  padding:20px;
  box-sizing:border-box;
}

.unsafe{
  background-color:black;
}

.unsafe:hover{
  background-color:none;
}

.minibar2 {
  background-image:url('backgrounds/background006.gif');
  background-size:contain;
  width:65%;
  border: 1px dotted white;
  height:auto;
  margin-bottom:5px;
  padding: 1px;
  border-radius:5px;
  position:relative;
}

/**/

.row {
  display: flex;
  gap:80px;
}

.column1 {
  flex:50%;
  width:50%;
  max-width:50%;
  flex-direction:column;
}

/**/

.scrollbox{
  overflow-x:hidden;
  overflow-y:scroll;
  height:48vh;
  width:100%;
}

.scrollbox2{
  overflow-x:hidden;
  overflow-y:scroll;
  height:39vh;
  width:100%;
}

/**/

.br1{
  border-radius:15px 0px 15px 0px;
}

.br2{
  border-radius:0px 15px 0px 15px;
}

.br3{
  border-radius:15px;
}