@font-face {
    font-family: 'Coelacanth';
    src: url(deathnote/Coelacanth.otf);
}

@font-face {
    font-family: 'Old London';
    src: url(deathnote/OldLondon.ttf);
}

body {background-color:#1E1E1E;
margin:0px;
padding:0px;
  color: rgb(27, 28, 33);
  font-family: 'Coelacanth', serif;
  background-image:url(https://xixxii.neocities.org/fandom/effectslayer.png);
  background-position: center ;
  background-repeat: no-repeat;
  background-attachment: fixed;
   -webkit-background-size: cover ;
        -moz-background-size: cover ;
        -o-background-size: cover ;
        background-size: cover;}
        
.lightimg {position:absolute;
  left:308px;
top:108px;
margin:0px;
z-index:1;
overflow:hidden;
}

* {scrollbar-color: white black; 
scrollbar-width:thin;
box-sizing: border-box;}

.box {width:1060px;
  position:relative;
  max-width:1100px;
  height: 75%;
  margin:auto;
display:flex;
justify-content: space-between;
}

.text1 {
  background-color:#EFEFE5;
  background-clip:padding-box;
  border:60px solid transparent;
  width:370px;
  height:530px;
  float:left;
  padding: 1px;
line-height:1;
  border-image: url(https://xixxii.neocities.org/fandom/border.png) 80 round;
  z-index:2;
}

.inside {
  font-size: 18px;
text-align: justify;
  overflow:auto;
height:450px;
width:300px;
margin-top:-25px;
margin-left:-25px;
padding-right:10px;}

.framebg {z-index:-1;

}


.header {margin:auto;
  text-align:center;}

.navbar {
position:fixed;
bottom:0;
height:100px;
width:100%;
min-width:1050px;
color:white;
display:flex;
justify-content: space-between;
z-index:100;
padding:20px;
gap:50px;}

.navbar a {color:white;
font-family:'Old London', serif ;
font-size:48pt;
text-decoration: none;
text-shadow:black 0px 0px 15px;
transition:.5s;}

.navbar a:hover {text-shadow: white 0px 0px 15px;
color:black;}