/* POSICIONES */ #root{ bottom:19%; left:48%; background-image:url("fresa.png"); } #sacral{ bottom:33%; left:48%; background-image:url("naranj.png"); } #solar{ bottom:45%; left:48%; background-image:url("pessbarro.png"); } #heart{
CORAZÓN
#throat{ bottom:70%; left:49%; background-image:url("marposa.png"); } #third-eye{ bottom:78%; left:48%; background-image:url("pesasul.png"); } #crown{ bottom:88%; left:48%; background-image:url("orq.png"); } .popup{ position:fixed; inset:0; background:rgba(0,0,0,0.8); display:none; justify-content:center; align-items:center; z-index:100; padding:40px; } .popup-content{ background:#f4e5da; color:#432f28; max-width:600px; padding:40px; border:2px solid #b58c7a; box-shadow:0 0 40px rgba(0,0,0,0.5); overflow-y:auto; max-height:80vh; } h1{ font-size:26px; margin-top:0; letter-spacing:2px; } p{ line-height:1.8; font-size:15px; } .close{ margin-top:20px; background:none; border:1px solid #432f28; padding:10px 20px; font-family:inherit; cursor:pointer; } .close:hover{ background:#432f28; color:#f4e5da; } .intro{ position:absolute; top:20px; left:20px; color:white; font-size:11px; letter-spacing:2px; text-shadow:0 0 5px black; }
haz click sobre cada centro
RAÍZ
SACRO
PLEXO SOLAR
CORAZÓN
GARGANTA
TERCER OJO
CORONA