@font-face {
                font-family: pixel;
                src: url('https://borderlinebambi.online/BetterPixels.ttf');
            }

            .pagedoll1 {
  
  position: fixed;
  bottom: 5vh;
  right: 2vw;
  height: 300px;
  background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/images/74705196_BGm8GVmwEgzCBAZ.png');

}

.pagedoll2 {
  
  position: fixed;
  bottom: 3vh;
 left: 2vw;
  height: 300px;
  background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/images/74611040_u8y0NteTgSR8LvE.png');

}

.pfp {
  
  position: fixed;
  top: 5vh;
  left: 23vw;
  height: 300px;
  width: 300px;
  background-image: url('https://media.discordapp.net/attachments/1123200886462750740/1194906790534582272/70697353_iXSB6qpq7ZzFWm4.gif?ex=65b20eab&is=659f99ab&hm=40bef10e4824a22f04e8a1a5d6a5d8127653f7ffcce7cca6e30b0f2c9823e203&=');

}

            body {
                font-family: 'pixel';
                font-size: 1.3em;
                max-height:100%;
                margin: auto;
                background-color: white;
                /* you can delete the line below if you'd prefer to not use an image */
                background-size: 100%;
                image-rendering: auto;
                color: #ff0d0d;
                background-image: url('https://cdnb.artstation.com/p/assets/images/images/026/279/139/large/jordan-nox-2.jpg?1588350856');
                cursor: url('https://gifcity.carrd.co/assets/images/gallery31/38243292.gif?v=371108e7'),auto;
  
            }
            
            html {
               cursor: url('https://gifcity.carrd.co/assets/images/gallery31/38243292.gif?v=371108e7'),auto;
            }
            button {
               cursor: url('https://gifcity.carrd.co/assets/images/gallery31/38243292.gif?v=371108e7'),auto;
            }
            
            a {
               cursor: url('https://gifcity.carrd.co/assets/images/gallery31/38243292.gif?v=371108e7'),auto;
            }
            
            .div1 {
              
              text-align: center;
              padding: 10px;
              margin: 15px;
              width: 80%;
              background-color: #12151C;
              border: 1px solid #ffa914;
              border-top-left-radius: 10px;
              border-bottom-left-radius:10px;
              border-left:0px;
              overflow:auto;
              transition-property: translate, color;
              transition-duration: .3s;
            }
            .div1:hover {
              translate: 10px 0px;
              color:#4E42AD
            }
            
            
            .main {
              display:inline-block;
              float:right;
              text-align: center;
              top:0;
              padding: 10px;
              margin: 15px;
              height: 47vh;
              width: 60vw;
              background-color: #12151C;
              border: 1px solid #ffa914;
              border-top-right-radius: 10px;
              border-bottom-right-radius:10px;
              border-right:0px;
              overflow:auto;
            }
            
           .tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  opacity:0.7;
  z-index: 1;
  width: 120px;
  bottom: 140%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

::selection {
  background-color: #110c1a;
  color: #859e86;
}


.wrap {
  display:inline-block;
              text-align: center;
              padding: 10px;
              padding-top:0px;
              margin-top:10px;
              margin-left: 15px;
              height: 80vh;
              width: 20vw;
              background: rgba(23, 31, 24, .4)    /*  40% opaque green */;
              border-radius: 10px;
              overflow:auto;
}

.mysteriousthirdthing {
              margin-left:25vw;
              margin-top:10px;
              text-align: center;
              padding: 10px;
              height: 250px;
              width: 40vw;
              background-color: #12151C;
              border: 1px solid #ffa914;
              border-radius: 10px;
              border-left:0px;
              border-right:0px;
              overflow:auto;
}

h2, h1, h4 {
  padding-bottom:3px;
  padding-top:-3px;
  border: 1px solid #FFA33B;
  border-top:0px;
  border-left:0px;
              border-right:0px;
              border-radius:10px;
}
   
   h3 {
     padding-bottom:3px;
  border: 1px solid #ffa914;
  border-top:0px;
  border-left:0px;
              border-right:0px;
              border-radius:10px;
   }
   
   ::-webkit-scrollbar {
  width: 7px;
  background:#531516;
  border-radius:10px
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #531516; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #ffa914; 
  border-radius: 10px;
  transition-property: background-color;
  transition-duration: .3s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: rgb(18,21,28); 
}

.heart {
  text-align:left;
  margin-bottom: 13px;
  list-style: url('https://f2.toyhou.se/file/f2-toyhou-se/images/51763159_x6PoFZm6TP92Jtg.png')
}

.skull {
  text-align:left;
  list-style: url('https://f2.toyhou.se/file/f2-toyhou-se/images/51763138_6nBK9IOWJV7Zu0a.png')
}

p {
  color:#ff820d;
  transition-property: background-color;
  transition-duration: .4s;
}
p:hover {
  
  background-color:#030308;
  border-radius:5px;
}

button {
  font-family: 'pixel';
  font-size:1em;
  background-color: black;
  color: #4E42AD;
  border-style:none;
  border-radius:5px;
  margin:3px;
  transition-property: background-color, color;
  transition-duration:.3s;
}

button:hover {
  background-color:#4E42AD;
  color: #1C183F;
}

.flower {
  justify-content:space-evenly;
  width:150px;
  height: 150px;
  object-fit: cover;
  margin:5px;
  transition-property: scale;
  transition-duration: .4s;
}

.flower:hover {
  scale:1.1;
  z-index:1;
}

.kitty {
  
list-style: url('https://64.media.tumblr.com/tumblr_lspoh1UP3n1qfel73.gif');
text-align:left;
}

.page:hover {
  color: white;
  scale: .1;
}

.page {
  transition-property: color, scale;
  transition-duration: .3s;
}