ExTyranomon's code

<style>

@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
body{
background-color:#e99179;
overflow:hidden;
}

::-webkit-scrollbar
{
  width:0px;
	background-color: transparent;
}




#background{
 background-color:;
 width:900px;
 height:700px;
 position:absolute;
 left:50%;
 top:50%;
 margin-top:-350px;
 margin-left:-450px;
}

#left{
 background-image:url(http://i.picpar.com/VSAc.png);
 background-size:contain;
 background-repeat:no-repeat;
 width:650px;
 height:570px;
 top:50%;
 position:absolute;
 margin-top:-305px;
 left:0px;
 margin-left:-22px;
 filter:drop-shadow(0px 0px 10px #000);
  animation:left 2s 3s;
  animation-fill-mode:forwards;
  z-index:10;
}

@keyframes left{
from{
 margin-left:-22px;
}

to {
  margin-left:-120px;
}

}

#right{
 background-image:url(http://i.picpar.com/USAc.png);
 background-size:contain;
 background-repeat:no-repeat;
 width:300px;
 height:550px;
 top:50%;
 right:0px;
 position:absolute;
 margin-top:-290px;
 margin-right:29px;

 filter:drop-shadow(0px 0px 10px #000);
    animation:right 2s 3s;
  animation-fill-mode:forwards;
}

@keyframes right{
from{
 margin-right:29px;
}

to {
  margin-right:-80px;
}

}

#title{
  background-image:url(https://i.imgur.com/NH3waY4.png);
  background-size:100%;
  width:450px;
  height:100px;
  position:absolute;
  bottom:0px;
  margin-bottom:10px;
  margin-left:20px;
  filter:drop-shadow(0px 0px 2px #000);
}

#sticker1{
 background-image:url(https://i.imgur.com/E90Ka8J.png);
 background-size:100%;
 background-repeat:no-repeat;
 width:200px;
 height:200px;
 position:absolute;
 right:0px;
 top:0px;
 margin-right:60px;
 transform:rotate(20deg);
}

#sticker2{
 background-image:url(https://i.imgur.com/Q29UnGH.png);
 background-size:100%;
 background-repeat:no-repeat;
 width:150px;
 height:160px;
 position:absolute;
 right:0px;
 bottom:0px;
 margin-right:60px;
 transform:rotate(-20deg);
}

#pin{
 background-image:url(https://i.imgur.com/Uw1HOEh.png);
 background-size:100%;
 background-repeat:no-repeat;
 width:200px;
 height:200px;
 position:absolute;
 right:0px;
 bottom:0px;
 margin-right:60px;
 margin-bottom:160px;
 transform:rotate(-20deg);
}

#zipper{
  background-image:url(https://i.imgur.com/BMLhAj0.png);
  background-size:100%;
  width:50px;
  height:100px;
  z-index:99;
  position:absolute;
  right:0px;
  top:0px;
  margin-top:-20px;
  margin-right:27px;
  opacity:1;
  animation:zip 2s 2s;
  animation-fill-mode:forwards;
  z-index:99;
}
@keyframes zip{
 0%{
   margin-top:-20px;
  opacity:1;
 }

80%{
 margin-top:540px;
 opacity:1;
}
 100%{
   margin-top:540px;
 }



}

#boxooc{
  background-color:#ceb214;
  width:400px;
  height:150px;
  border-radius:10px;
  position:absolute;
  bottom:0px;
  left:50%;
  margin-left:-200px;
  margin-bottom:120px;
  background-image:url(https://www.transparenttextures.com/patterns/clean-textile.png);
  background-size:40%;
  transform:rotate(3deg);
}

#boxinside1{
 width:380px;
 height:130px;
 border-radius:10px;
 border:dashed 1px red;
 margin-left:5px;
 margin-top:4px;
  padding:5px;
  overflow:auto;
  font-size:10pt;
font-family: 'Permanent Marker', cursive;
color:red;
 text-shadow:
   -.5px -.5px 0 #fff,
    .5px -.5px 0 #fff,
    -.5px .5px 0 #fff,
     .5px .5px 0 #fff;
}

#boxother{
  width:400px;
  height:200px;
  border-radius:10px;
  background-color:#ceb214;
  background-image:url(https://www.transparenttextures.com/patterns/clean-textile.png);
  background-size:40%;
    transform:rotate(-2deg);
  position:absolute;
  margin-left:100px;
  margin-top:50px;
}

#boxinside2{
  width:380px;
 height:180px;
 border-radius:10px;
 border:dashed 1px red;
 margin-left:5px;
 margin-top:4px;
 padding:5px;
 font-size:10pt;
font-family: 'Permanent Marker', cursive;
color:red;
   text-shadow:
   -.5px -.5px 0 #fff,
    .5px -.5px 0 #fff,
    -.5px .5px 0 #fff,
     .5px .5px 0 #fff;
}

#boxghost{
 width:150px;
 height:250px;
 border-radius:8px;
 background-color:#2a307a;
 position:absolute;
 border:1px solid #fedc5e;
 top:50%;
 left:50%;
 margin-top:-60px;
 margin-left:-60px;
 box-shadow:0px 0px 10px 0px #000;
 padding:5px;
 overflow:auto;
 color:#fedc5e;
 font-family: 'Press Start 2P', cursive;
 font-size:10pt;
 line-height:15px;
}


#ghost{
 background-image:url(https://i.imgur.com/iMOLydB.png);
 background-size:contain;
 z-index:0;
 width:400px;
 height:545px;
 position:absolute;
 margin-left:370px;
 margin-top:60px;

}

h1{
 font-size:16pt;
font-family: 'Permanent Marker', cursive;
width:100%;
color:red;
text-align:center;
margin-top:0px;
margin-bottom:0px;
text-decoration:none;
 text-shadow:
   -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;
}

h2{
 font-size:16pt;
font-family: 'Press Start 2P', cursive;
color:#2a307a;
text-align:center;
margin-top:5px;
margin-bottom:10px;
text-decoration:none;
 text-shadow:
   -1px -1px 0 #fedc5e,
    1px -1px 0 #fedc5e,
    -1px 1px 0 #fedc5e,
     1px 1px 0 #fedc5e;
}

a{
 color:#d0fe50;
 text-decoration:none;
 transition:1s;
}

a:hover{
 color:gold;
}

</style>

<div id="background">
<div id="ghost">
  <div id="boxghost">
   <h2>Meme</h2>
   <b>00</b> This profile was made for ExTyranomon by <a href="https://roleplay.chat/profile.php?user=Hound+of+Tindalos">Hound of Tindalos</a> message or send an RPC mail for code comissions.
  </div>
</div>
<div id="left">

 <div id="zipper"></div>
<div id="boxooc">
  <div id="boxinside1">
   <h1>Meme</h1>
  Set up stuff here!
  </div>
  </div>
  <div id="boxother">
    <div id="boxinside2">
     <h1>Meme</h1>
    Write stuff here
    </div>
  </div>
<div id="title"></div>

</div>
 <div id="right">
 <div id="sticker1"></div>
  <div id="sticker2"></div>
   <div id="pin"></div>

 </div>

</div>