body{

background-image:url("nana.jpg");

background-repeat:repeat;

background-size:400px;

background-attachment:fixed;

background-color:black;

font-family:Verdana;

color:white;

margin:0;

padding:0;

cursor:crosshair;

}



/* oscurece fondo */

.overlay{



min-height:100vh;

padding:20px;

}

.container{

width:1000px;

margin:auto;

display:flex;

gap:20px;

}

/* columnas */

.left{

width:35%;

}

.right{

width:65%;

}

/* cajas */

.box{

background:rgba(0,0,0,0.75);

border:3px solid #ffb6d9;

border-radius:20px;

padding:15px;

margin-bottom:20px;

box-shadow:0 0 15px hotpink;



}

/* perfil */

.profile{

text-align:center;

}

.pfp{

width:200px;

border-radius:20px;

border:3px solid pink;

}

/* banner */

.banner{

background-image:url("https://i.pinimg.com/736x/2f/6e/5f/2f6e5ff7f79f0f7d24a6dc4d33d7f6bc.jpg");

background-size:cover;

background-position:center;

background-color:black;

padding:40px;

text-align:center;

border-radius:25px;

/* borde victoriano */

border:10px groove #1a1a1a;

outline:2px solid #ffb6d9;

box-shadow:
0 0 10px #ffb6d9,
0 0 25px purple;

margin-bottom:20px;

position:relative;

overflow:hidden;

}

/* glitter */

.banner::before{

content:"✦ ✧ ✦ ✧ ✦";

position:absolute;

top:5px;

left:20px;

font-size:24px;

color:#ffd6ec;

text-shadow:
0 0 10px white,
0 0 20px hotpink;

}

.banner::after{

content:"✦ ✧ ✦ ✧ ✦";

position:absolute;

bottom:5px;

right:20px;

font-size:24px;

color:#ffd6ec;

text-shadow:
0 0 10px white,
0 0 20px hotpink;

}

/* texto */

.banner h2{

font-family:Georgia;

font-size:45px;

color:#ffd6ec;

text-shadow:
0 0 10px hotpink,
0 0 20px purple;

letter-spacing:3px;

}


/* brillitos */

.banner::before{

content:"✦ ✧ ✦ ✧ ✦";

position:absolute;

top:10px;

left:20px;

font-size:20px;

color:white;

text-shadow:0 0 10px hotpink;

}

.banner::after{

content:"✦ ✧ ✦ ✧ ✦";

position:absolute;

bottom:10px;

right:20px;

font-size:20px;

color:white;

text-shadow:0 0 10px hotpink;

}

/* texto */

.banner h2{

font-size:40px;

color:#ffd6ec;

text-shadow:
0 0 10px hotpink,
0 0 20px deeppink;

margin-bottom:15px;

font-family:Georgia;


}

/* títulos */

h1,h2{

color:#ffd6ec;

text-shadow:0 0 10px hotpink;

}

/* amigos */

.friends{

display:flex;

gap:10px;

}

.friends img{

width:100px;

height:100px;

object-fit:cover;

border-radius:15px;

border:2px solid pink;

}

/* links */

a{

color:#ff9bd2;

}

/* status */

.status{

color:#ff77c8;

font-weight:bold;

font-size:20px;

}

kitty game{
  position:absolute;
  top:110px;
  left:150px;
  width:110px;
}
ask{
  position:absolute;
  top:100px;
  left:150px;
  width:110px;
}