body {
    background:repeat url(./gif/burbujas.gif);
    margin:0;
    height:100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* ================= CAJAS GENERALES ================= */
.MainW1,.Main,.Main_1{
    overflow: hidden;
}

.box {
  background: white;
  border: 1px solid #d0d0df;
  border-radius: 4px;
}

.layout {
  margin: 7px;
  padding: 10px;
}
/* ================= HOME WINDOW ================= */
.Main_1 {
    display:flex;
    justify-content: start;
    align-items: start;
    max-width:350px;
    width:100%;
    gap:1.5em;
}
/* ================= INFO ================= */
#PfP  {
    max-height: 200px;
    max-width: 150px; 
    width:100%;
    border:3px #c1118c dashed;
    border-radius: 5px;
}

.info {
    font-size:18px;
    max-width:150px;
    width:100%;
    position:relative;
}
.stats {
    color:black;
    font-size: 22px;
    font-style:bold;
}
.nombre,.titulo {margin:0;}
.nombre{
    padding-left:5px;
    border-bottom: 2px solid black;
}
.x {
    font-size:15px;
}
.gif {
    position:absolute;
    bottom:-5px;
    right:10px;
    height:45px;
    width:45px;
}
/* ================= TEXTO ================= */
#WHO,#MORE,#HATE {
    max-height:80px;
    MAX-WIDTH:320PX;
    overflow: hidden;
}
#MORE {
    overflow-y: scroll;
}
#home {
    display:flex;
    align-items: center;
    gap:0.3em;
}
/* ================= NAV WINDOW ================= */
#NAV {
    margin-top:40px;
}
#W1 {
    max-width:245px;
    padding:10px 15px;
    display:flex;
    flex-direction:column;
    gap:1em;
}

.Botoncito {
    border:2px solid rosybrown;
    height:30px;
    font-size:15px;
    font-weight:bold;
}
/*======================================================*/
[role="tab"][aria-selected="false"] {
   opacity:0.7;
}
[role="tab"][aria-selected="true"] {
  background: #000080;
  font-weight: bold;
}
.window.screen.active {
    display:block;
}
.window.screen {
    display:none;
}