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

* {
  cursor: url(https://cur.cursors-4u.net/smilies/smi-3/smi268.ani), url(https://cur.cursors-4u.net/smilies/smi-3/smi268.gif), auto !important;}
a {
    color: inherit;
}

body {
  background: url(imagens/polka.jpeg) 0px 0px / 10px;
  align-items: center;
  margin: 10px;
  padding: 10px;
}

#container {
  background: url(https://64.media.tumblr.com/4d6e0be2aad437bd24591c7096a7cda7/tumblr_inline_ml9dstLHNt1qz4rgp.png);
  width: 800px;
  height: 600px;
  align-items: center;
  justify-content: center;
  display: flex;
  margin: 0 auto;
  border-radius: 12px;
  box-shadow: -5px -5px 4px inset #00000033, 3px 3px 3px inset #ffffff55;
  padding: 41px 11px 11px 11px;
  
}

.argola {
 height: 500px;
 width: 24px;
 position: absolute;
 z-index: 2;
}

#papel {
  height: 570px;
  display: flex;
  z-index: 1;
  width: 370px;
  margin-right: 2px;
  position: relative;
  

}

.papel {
  height: 570px;
  width: 370px;
  display: flex;
  z-index: 1;
 
}
.scroll {
           height: 490px;
            margin-top: 50px;
            width: 350px;
            line-height:18px;
            overflow-y: auto;
            z-index: 2;
            overflow-x: hidden;
            padding-left:5px;
            padding-right:5px;
            text-align: left;
            position: absolute;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: auto;
            
            
            

}
        ::-webkit-scrollbar {
        width: 0;
        /* remove scrollbar space */
        background: transparent;
        /* to make scrollbar invisible */
        }

        ::-webkit-scrollbar-thumb {
        background: transparent;
        }
        

.imagens {
  text-align: center;
  width: 200px;
  height: 200px;
  display:inline-block;
  image-rendering: pixelated;
  
}

.datas {
  color: white ;
  text-shadow: -1px 0 #ff6ea8, 0 1px #ff6ea8, 1px 0 #ff6ea8, 0 -1px #ff6ea8, 0 0;
  font-weight: 600;
  font-size: 15px;
  position: relative;
  font-size: 15px;
  font-weight: bold;
  font-family: "ms pgothic";
  background-color: #ffd1ec;
  top: 8px;
  padding: 5px;
  display:inline-block;
  
}



.papel2 {
  height: 570px;
  width: 370px;
  margin-left: 2px;
  position: relative;
  z-index: 1;
  opacity: .5;
}

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

p1 {
  font-family: "ms pgothic";
  padding: 3px;
  font-size: 15px
}

.border {
border-width: 7px; 
border-style: solid;
border-image: url("https://i.imgur.com/8xftJ3v.gif") 7 fill round;         
    
display: flex;
}

.text-area {
    position: absolute;
    top: 0px;
    left: 300px;
    z-index: 4;
    margin-top: 105px;
}

h2 {
  font-family: 'spirit';
  display: inline;
  font-weight: 100;
  color: white;
  text-shadow: -1px 0 #FDBFD3, 0 1px #FDBFD3, 1px 0 #FDBFD3, 0 -1px #FDBFD3, 0 0;
  font-size: 45px;
}

.chiikawa{
  display: flex;
  position: absolute;
  z-index: 5;
  margin-top: 450px;
  margin-left: 300px;
  width: 299px;
  height: 150px;
}

.strap {
  background: url(https://64.media.tumblr.com/4d6e0be2aad437bd24591c7096a7cda7/tumblr_inline_ml9dstLHNt1qz4rgp.png);
  width:70px;
  border-radius: 40% 40% 0px 0px;
    box-shadow: 5px 5px 4px inset #00000033, -3px 3px 3px inset #ffffff55;
    height: 110px;
    position: absolute;
   
    left: 1110px;
    transform: rotate(450deg);
    overflow: hidden;

}

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