@font-face {
font-family:'PixelatedPusab';
src: url(/fontes/PixelatedPusab.ttf);
}

@font-face {
font-family:'kiwi';
src: url(https://dl.dropbox.com/s/388cvx0do21kj3n/KiwiSoda.ttf);
}

@font-face {
font-family: spirit; 
src: url(https://dl.dropbox.com/scl/fi/npu6iooiwovhxljcjoeex/spirit.ttf?rlkey=eubwh1fc2c460q68exstay65d&dl=0);
}
 
@font-face {
font-family: pixel; 
src: url(https://dl.dropbox.com/scl/fi/m8ikyw16qt65uxlueejst/Pixel.ttf?rlkey=yhasa4f83vexlvfzoi1uot61p&dl=0);
}

body {
    font-family: pixel;
    overflow-x: hidden;
    margin: 0 auto;
    overflow: hidden;
    background: url(https://64.media.tumblr.com/4ad603297eda876949bd13a345b69856/tumblr_inline_ml7zg0V5e41qz4rgp.gif);
    cursor: url("https://64.media.tumblr.com/6c1ba38cba724fda318faea057dae16a/tumblr_inline_mzo3daEmN61r63cto.png"), auto;
     align-items: center;
  margin: 0 auto;
  min-height: 640px;
  min-width: 1365px;
  max-height: 640px;
  max-width: 1365px;

}


 
 #headertitle {
  margin: auto;
  text-align: center;
  font-family: pixel;
  width: fit-content;
 }
 
 
 p {
    display: flex;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0;
    width: 350px;
 }
 
 ::-webkit-scrollbar {
    width: 20px;
    height: 15px;
}
::-webkit-scrollbar-thumb {
    background-image: url(https://i.imgur.com/KePIOiE.png);
    border-top: 1px solid #d4d0c8;
    border-bottom: 1px solid #808080;
}
 

#container{
    margin:0 auto;
    width: 750px;
    height: 500px;
    background: white;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #deff96;
    box-shadow: inset #d9fdb2 0 0 4px, #77ab4b 0 0 2px;
    display: flex;
   justify-content: center;

}

#gif {
 padding: 10px;
 text-align: center;
 position:absolute;
 margin-right: 640px;
}

#blinkies {
  text-align: center;
  align-items: top;
  margin: 10px;
  float: center;
  position: absolute;
}

h2 {
  text-align: top;
  margin-top: 35px;
  position:absolute;
}

#conteudo {
  overflow: scroll;
  overflow-x: hidden;
  width: 750px;
  height: 500px;
  display: flex;
  align-items: center;
  position: relative;
}

::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}
::-webkit-scrollbar-thumb {
    background-image: url(https://i.imgur.com/KePIOiE.png);
    border-top: 1px solid #d4d0c8;
    border-bottom: 1px solid #808080;
}



.review{
  width: 451px;
  height: 280px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: auto;
  display: inline-block;
  position: relative;
  
  
}

.capa {
height: 12em;
display: flex;
position: left;
width: 90px;

  
}

.capaimagem {
  float: left;
  width: 250px;
  shape-outside: url(https://m.media-amazon.com/images/I/81zRENX0n4L._SL1500_.jpg) ;
  shape-margin:20px;
  margin-right: 20px;
  margin-bottom: 20px;
  object-fit: contain;

}

.txt {
  display: flex;
  width: 410px;
  height: fit-content;
  text-align: left;
  position: relative;

  
}
  ::-webkit-scrollbar {
    width: 0.8em;
    height: 0.5em;
}
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0.4em 0 #fff;
    border: var(--scrollbar-border);
}
 
::-webkit-scrollbar-track {
    background: var(--scrollbar-bg-1);
    border-left: var(--scrollbar-border);
}
::-webkit-scrollbar-track:horizontal {
    background: var(--scrollbar-bg-2);
    border: none;
    border-top: var(--scrollbar-border);
    border-bottom: var(--scrollbar-border);
}
 



.topo {
  text-align: center;
  font-family: 'spirit';

}

.laco {
border-width: 7px; 
border-style: solid; 
border-image: url("https://i.imgur.com/8Tk8PKV.gif") 7 fill round;
max-width: 500px;
margin: auto;
text-align: center;
}

#header {
  margin: auto;
  text-align: center;
  border-width: 7px; 
  border-style: solid; 
  border-image: url("https://i.imgur.com/8Tk8PKV.gif") 7 fill round;
  width: fit-content;
}

#navbar {
 font-family: 'pixel';
 align-items: center;
 width: fit-content;
 display:flex;
 margin-left:426px;
}

a.class1:link, a.class1:visited, a.class1:active {
  text-decoration: none;
  color: black;
}


.book {
    list-style-type: none;
    padding: 1rem;
    max-height: 30rem;
    max-width: 48rem;
    height: fit-content;
    overflow: scroll;
    overflow-x: hidden;
    border: var(--border);
    display: flex;
}
.book .cover {
    border-right: var(--border-1);
    height: 12em;
    display: flex;
    position: relative;
}
.cover img {
    height: 12em;
    width: 8em;
    object-fit: cover;
    object-position: center;
    filter: grayscale(80%) brightness(120%);
    transition: 0.4s all;
}

.cover img:hover,
.cover:hover {
    filter: grayscale(0%);
}

.book .text {
    overflow: scroll;
    overflow-x: hidden;
    padding: 0.5em;
}
.text::-webkit-scrollbar {
    display: none;
}
.book:hover {
    max-width: 30rem;
}
 
::-webkit-scrollbar {
    width: 0.8em;
    height: 0.5em;
}
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0.4em 0 #fff;
    border: var(--scrollbar-border);
}
 
::-webkit-scrollbar-track {
    background: var(--scrollbar-bg-1);
    border-left: var(--scrollbar-border);
}
::-webkit-scrollbar-track:horizontal {
    background: var(--scrollbar-bg-2);
    border: none;
    border-top: var(--scrollbar-border);
    border-bottom: var(--scrollbar-border);
}