body{
    margin:0;
    background-image:url("https://i.postimg.cc/8CsQ1d4C/8337793.png");
    font-family:"Times New Roman", serif;
    overflow:hidden;
}

* {
  cursor: url('https://cdn.cursors-4u.net/previews/hetalia-axis-powers-feliciano-vargas-460e71fa-32.webp') 32 32, auto !important;
}

#wrapper{

    position:absolute;
    width:400px;
    height:430px;
    left:50%;
    top:80px;
    transform:translateX(-50%);
    background-color:white;
    border:70px solid transparent;
    border-image:url("https://i.postimg.cc/FRkMP3kT/Frilly.webp") 70 round;
    background-clip:padding-box;
    
}

#content{

    display:flex;
    gap:24px;
    padding:14px;
    align-items:flex-start;
}

#left{

    width:150px;
    display:flex;
    flex-direction:column;
    align-items:center;
}

#image{

    width:155px;
    height:160px;
    border:16px solid transparent;
    border-image:url("https://i.postimg.cc/XYWbRBgC/ww.png") 16.2 round;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;

}

#image img{
    width:100%;
    height:100%;
    object-fit:contain;
    pointer-events:none;
    user-select:none;
}

#idborder{

    width:145px;
    margin-top:8px;
    border:1px dashed rgb(255, 208, 228);
    outline: 1px dotted rgb(255, 212, 239);
    outline-offset: -3px;
}

#idbar{
    height:34px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family: "Yusei Magic", sans-serif;
}

#lefttext{
    width:145px;
    margin-top:18px;
    text-align:left;
    color:#271722;
    font-family: "Yusei Magic", sans-serif;
    font-size:14px;
}

#right{
    width:190px;
    display:flex;
    flex-direction:column;
    align-items:center;
}

#right h1,
#right h2{

    width:180px;
    margin:0;
    text-align:center;
    font-size:41px;
    font-style:c;
}

#right h2{
    margin-top:18px;
}

#right p{
    width:180px;
    margin:1px 0;
    height: 100px;
    text-align:center;
    line-height:1.2;
    font-family: "Yusei Magic", sans-serif;
    font-size:14px;
        color:#271722;
    overflow: auto;
}

#divider{
    width:100%;
    display:flex;
    justify-content:center;
    margin:5px 0;
    padding-bottom:5px;
    padding-top:5px;
    pointer-events:none;
    user-select:none;
}

#divider img{
    width:100%;
    height:auto;
    display:block;
}

#stampBorder{
    position:absolute;
    left:3px;
    right:1px;
    bottom:1px;
    height:51px;
    border:1px dashed rgb(155, 141, 141);
    outline: 1px dotted rgb(0, 0, 0);
    outline-offset: -3px;
    overflow:hidden;
    display:flex;
    align-items:center;
}

#stampTrack{
    display:flex;
    width:max-content;
    animation:scroll 30s linear infinite;
}

#stampTrack img{

    display:block;
    height:47px;
    width:auto;
    margin:0 2px;
    flex:0 0 auto;
    pointer-events:none;
    user-select:none;
    display:block;        
}

@keyframes scroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

#charm{

    position:absolute;
    left:80%;
    margin-left:49px;
    top:-58px;
    width:110px;
    text-align:center;
    font-weight:bold;
    z-index:1;
    pointer-events:none;
    user-select:none;
    display:block;
}

#charm2{

    position:absolute;
    left:75%;
    margin-left:-345px;
    top:472px;
    width:110px;
    z-index:-1;
    pointer-events:none;
    user-select:none;
    display:block;
}

#pagedoll{

    position:absolute;
    top:299px;
    right:-150px;
    z-index:9999;
    pointer-events:none;
    user-select:none;

}

#pagedoll img{

    display:block;
    width:250px;
    height:auto;

}

#text2{
    color: rgb(255, 255, 255);
    filter: drop-shadow(1px 0 black) drop-shadow(-1px 0 black)drop-shadow(0 1px black)drop-shadow(0 -1px black);
}

::selection {
  color: rgb(255, 205, 220);
  background: rgb(0, 0, 0);
}

a:link {
  color: rgb(255, 185, 220);
}

a:visited {
  color: rgb(230, 129, 179);
}

a:hover {
  color: rgb(255, 213, 231);
}

.yusei-magic-regular {
  font-family: "Yusei Magic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#pagetitle{
    position:absolute;
    top:-62px;
    left:-34px;
    transform:translateX(-50%);
    margin:0;
    font-size:49px;
    white-space:nowrap;
    z-index:999;
    pointer-events:none;
    user-select:none;
    color:#fff;
    filter: drop-shadow(1px 0 black) drop-shadow(-2px 0 black)drop-shadow(0 2px black)drop-shadow(0 -2px black);
}

.jerking {
animation: jerk 0.5s infinite;
}
 
@keyframes jerk {
0% {
transform: rotate(1deg);
}
50% {
transform: rotate(1deg);
}
51% {
transform: rotate(-1deg);
}
100% {
transform: rotate(-1deg);
}
}