/* ===== BASE ===== */
body{
  margin:0;
  font-family: Arial, sans-serif;
  background: url(https://external-media.spacehey.net/media/slsvwaZ6gVrixrpQPaSjq8NyfkUhv8z3eG-VGpPZ-lks=/https://64.media.tumblr.com/b5cba9446e5621caf78d9ed89538033c/3258f9d93c32df7a-51/s500x750/d747e8f3fb15839bafe064082d0d15765955d834.gif)}


/* ===== CONTENEDOR PRINCIPAL (NO SE ESTIRA) ===== */
.main{
  width: 750px;
  margin: 20px auto;
  background: black;
  border: 3px double black;
  padding: 10px;
  box-sizing: border-box;
}

/* ===== BLOQUES GENERALES ===== */
.side, .status, .mid, .pet, .support, .self-insert, .update{
  border: 1px solid hotpink;
  background: #fff06;
  margin: 10px 0;
  padding: 10px;
  box-sizing: border-box;
}

/* ===== HEADER BOX ===== */
.waaa{
  width:100%;
  height:120px;
  border: 2px solid hotpink;
  background:#ffe6f2;
  margin-bottom:10px;
}

/* ===== WELCOME BAR ===== */
.welcome{
  width:100%;
  padding:8px;
  background: linear-gradient(#ffd1e8, #ff9ecb);
  border: 1px solid hotpink;
  text-align:center;
  box-sizing: border-box;
}

/* ===== HEAD TITLES ===== */
.head{
  font-weight:bold;
  text-align:center;
  background:#ffb3d9;
  padding:5px;
  border:1px solid hotpink;
  margin-bottom:8px;
}

/* ===== NAV LIST ===== */
ul{
  list-style:none;
  padding:0;
  margin:0;
}

li{
  margin-bottom:6px;
}

li a{
  display:block;
  padding:5px;
  background:#ffd6ea;
  border:1px solid hotpink;
  text-decoration:none;
  color:#c2185b;
}

li a:hover{
  background:#ffb3d9;
  color:white;
}

/* ===== MAIN CONTENT ===== */
.mid .inner{
  background:#fff;
  border:1px dashed hotpink;
  padding:10px;
}

/* ===== SIMPLE FIX (NO FLOATS) ===== */
.side, .status{
  width: 100%;
}

.mid{
  width: 100%;
}

/* ===== SMALL BLOCKS GRID STYLE ===== */
.pet, .support, .self-insert, .update{
  display:block;
}

/* ===== STAMPS ===== */
.stamps{
  width:100%;
  height:60px;
  border:1px solid hotpink;
  background:#ffe6f2;
  margin:10px 0;
}

/* ===== FOOTER AREA ===== */
.moreee{
  width:100%;
  height:50px;
  border:1px solid hotpink;
  background:#ffd1e8;
  margin-top:10px;
}

/* ===== LINKS GENERAL ===== */
a{
  color:#d63384;
}

a:hover{
  color:hotpink;
}

.profile {
  position: fixed;
  top: 20px;
  left: 20px;
  width: 140px;
  z-index: 999;
}

.perfil {
  width: 200px;
  height: 250px;

  object-fit: cover;

  border-radius: 50%;

  border: 4px solid white;

  box-shadow: 0 0 20px white;
}