/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
background-image: url('https://textures.neocities.org/textures/pattern-and-prints/036C.png');
background-attachment: fixed;
background-repeat: repeat;
overflow: hidden;
}

@font-face {
font-family: Adorable Doll;
src: url(https://dl.dropbox.com/s/plehp3a9xbtct7n/AdorableDoll.ttf);
}

@font-face {
font-family: GothikSteel;
src: url(https://dl.dropbox.com/s/k0j171pptssn6ja/Gothik%20Steel.ttf);
}

@font-face {
font-family: OldLondon;
src: url(https://dl.dropbox.com/s/58z6vbdt5s0qk66/OldLondon.ttf);
}

@font-face {
font-family: aquiline;
src: url('https://dl.dropboxusercontent.com/s/62bqot81sqzdl63/AquilineTwo.ttf?dl=0'); 
}

@font-face { 
  font-family: 'cuttyfruty';
  src: url('https://dl.dropboxusercontent.com/s/wf0smti6cw378g6/cuttyfruty.ttf?dl=0') 
}

.header { 
  background-image: url("https://pixelsafari.neocities.org/dividers/blackthornyroses.gif"); 
  position: absolute;
  top: 0;
  left : 0;
  z-index : 98;
  width: 100%;
  height : 78px; 
  background-repeat: repeat-x;
} 

.batman 
{
  background-image: url('https://artwork.neocities.org/photos/stickers/23453.png'); 
  background-size: cover;
  background-repeat: no-repeat;
  z-index : 99;
  width: 150px;
  height : 78px; 
  position: absolute;
  top: 4em;
  left: 15em;
} 

.book
{
  background-image: url('https://i.pinimg.com/736x/ef/9a/43/ef9a43fad06607391a36470d742e4a86.jpg'); 
  background-size: cover;
  background-repeat: no-repeat;
  z-index : 98;
  width: 300px;
  min-height: 450px;
  position: absolute;
  top: 5em;
  left: 2em;
} 

.innerbooktext {
  width: 230px;
  height : 50px; 
  margin-left : 38px;
  margin-right : 30px; 
  margin-top : 45px;
  font-family : 'GothikSteel';
  font-size: 55px;
  padding : 2px;
}

.intrabooktext {
  width: 230px;
  height : 250px; 
  margin-left : 40px;
  margin-right : 35px; 
  margin-top : 10px;
  font-family : 'cuttyfruty';
  font-size: 15px;
}


.moncher 
{
  background-image: url('https://file.garden/Zn3b50LrhnNjTmtc/IMG_9721.gif'); 
  background-size: cover;
  background-repeat: no-repeat;
  z-index : 99;
  width: 150px;
  height : 20px; 
  position: absolute;
  top: 30em;
  left: 7em;
} 

.eglise 
{
  background-image: url('https://artwork.neocities.org/toybox/tower/tt-gothic.gif'); 
  background-size: cover;
  background-repeat: no-repeat;
  z-index : 99;
  width: 100px;
  height : 50px; 
  position: absolute;
  top: 22.5em;
  left: 4.5em;
} 

.itwv 
{
  background-image: url('https://file.garden/Zn3b50LrhnNjTmtc/IMG_9720.gif'); 
  background-size: cover;
  background-repeat: no-repeat;
  z-index : 99;
  width: 110px;
  height : 62px; 
  position: absolute;
  top: 22.5em;
  left: 11.5em;
} 

.maison 
{
  background-image: url('https://artwork.neocities.org/toybox/pocket/pocket-antikristcabin.gif'); 
  background-size: cover;
  background-repeat: no-repeat;
  z-index : 99;
  width: 50px;
  height : 50px; 
  position: absolute;
  top: 26em;
  left: 5em;
} 

.chanson 
{
  background-image: url('https://artwork.neocities.org/photos/blinkies/tumblr_ca41bf50de8fc2172cb7695fe577c7bd_f0259e0c_250.gif'); 
  background-size: cover;
  background-repeat: no-repeat;
  z-index : 99;
  width: 150px;
  height : 20px; 
  position: absolute;
  top: 27.5em;
  left: 9em;
}