[html]<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Sans|Kanit|Rajdhani|Poppins|Hind|Oswald"/>
<script src="//pull.cappuccicons.com/cpf.js"></script>
<script src="https://kit.fontawesome.com/3c9e970b34.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/scl/fi/tzwtkjmtg4h27qbtbwr0d/Astra.css?rlkey=omqyt7jox3kcbuc25kqhioe6r&dl=0"/>

<div class="AS-container" id="ELLI"><input class="AS-input" id="AS-home" name="AS-menu" type="radio" checked/><input class="AS-input" id="AS-crono" name="AS-menu" type="radio"/><input class="AS-input" id="AS-relations" name="AS-menu" type="radio"/><div class="AS-box"><header class="AS-header"><span class="AS-name">Nombre Apellido</span><div class="AS-inputs"><section class="AS-section-inputs"><label class="AS-label-inputs" for="AS-home">Home</label> <label class="AS-label-inputs" for="AS-crono">Cronología</label> <label class="AS-label-inputs" for="AS-relations">Relaciones</label></section></div><div class="AS-search"><span class="AS-typing">Typing something to search <i class="cp cp-constellation"></i></span></div></header><div class="AS-cosmic"><div class="AS-contenido"><div class="AS-contenedor"><div class="AS-movement"><div class="AS-cont"><div class="AS-sub-cont"><div class="AS-welcome">Bienvenido al baúl de <br /><span class="AS-fullname">Nombre <i class="cp cp-stars"></i> Apellido</span> </div><div class="AS-quote"><i class="cp cp-quote"></i> Lorem ipsum dolor sit, amet consecteturadipisicing elit. Harum laboriosam sed nihil facilis. Fugiat, porro at?</div><div class="AS-links"><span class="AS-about-link"><a href="#" target="_blank" title="Perfil"><i class="cp cp-constellation"></i></a></span><span class="AS-about-link"><a href="#" target="_blank" title="Ficha"><i class="cp cp-star"></i></a></span><span class="AS-about-link"><a href="#" target="_blank" title="MP"><i class="cp cp-moon"></i></a></span></div></div><div class="AS-img"><img src="http://placehold.it/350x530"/></div></div><div class="AS-cont"><div class="AS-chronology-cont"><div class="AS-chronology-info"><div class="AS-chrono"><i class="cp cp-planet"></i><span>Activos</span></div><div class="AS-chrono"><i class="cp cp-shooting-star"></i><span>Cerrados</span></div><div class="AS-chrono"><i class="fa-solid fa-meteor"></i><span>Inactivos</span></div><div class="AS-chrono"><i class="cp cp-sun"></i><span>Eventos</span></div></div><div class="AS-chronology-list-cont"><div class="AS-chronology-list"><!-- Copiar y pegar este trozo para tener más temas --><div class="AS-chrono-boxy"><div class="AS-chrono-status"><i class="cp cp-planet"></i></div><div class="AS-chrono-info"><a href="#" target="_blank" class="AS-chrono-link">I hear you calling from behind the star fields</a><span class="AS-chrono-subinfo">Con Diana B. Radke — Júpiter</span></div></div><!-- Copiar y pegar este trozo para tener más temas --><div class="AS-chrono-boxy"><div class="AS-chrono-status"><i class="cp cp-sun"></i></div><div class="AS-chrono-info"><a href="#" target="_blank" class="AS-chrono-link">Radiating energy like eternal northern lights</a><span class="AS-chrono-subinfo">Con Diana B. Radke — Júpiter</span></div></div><div class="AS-chrono-boxy"><div class="AS-chrono-status"><i class="fa-solid fa-meteor"></i></div><div class="AS-chrono-info"><a href="#" target="_blank" class="AS-chrono-link">Far from the sun</a><span class="AS-chrono-subinfo">Con Diana B. Radke — Júpiter</span></div></div><div class="AS-chrono-boxy"><div class="AS-chrono-status"><i class="cp cp-shooting-star"></i></div><div class="AS-chrono-info"><a href="#" target="_blank" class="AS-chrono-link">I've watched you from my telescope</a><span class="AS-chrono-subinfo">Con Diana B. Radke — Júpiter</span></div></div><div class="AS-chrono-boxy"><div class="AS-chrono-status"><i class="cp cp-planet"></i></div><div class="AS-chrono-info"><a href="#" target="_blank" class="AS-chrono-link">Interstellar light years from you</a><span class="AS-chrono-subinfo">Con Diana B. Radke — Júpiter</span></div></div></div></div></div></div><div class="AS-cont"><div class="AS-relations-cont"><!-- Copiar y pegar este trozo para tener más relaciones--><div class="AS-relations-card"><img src="http://placehold.it/200x235" class="AS-img-card"><div class="AS-card-body"><span class="AS-card-title">Nombre</span><span class="AS-card-subtitle">Relación</span><span class="AS-card-info">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio possimus, dolorem tenetur, impedit laborum inventore voluptatem eos repellat aspernatur labore nam, quia eligendi accusamus magnam nostrum doloribus blanditiis vel quis?</span></div></div><!-- Copiar y pegar este trozo para tener más relaciones--><div class="AS-relations-card"><img src="http://placehold.it/200x235" class="AS-img-card"><div class="AS-card-body"><span class="AS-card-title">Nombre</span><span class="AS-card-subtitle">Relación</span><span class="AS-card-info">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio possimus, dolorem tenetur, impedit laborum inventore voluptatem eos repellat aspernatur labore nam, quia eligendi accusamus magnam nostrum doloribus blanditiis vel quis?</span></div></div><div class="AS-relations-card"><img src="http://placehold.it/200x235" class="AS-img-card"><div class="AS-card-body"><span class="AS-card-title">Nombre</span><span class="AS-card-subtitle">Relación</span><span class="AS-card-info">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio possimus, dolorem tenetur, impedit laborum inventore voluptatem eos repellat aspernatur labore nam, quia eligendi accusamus magnam nostrum doloribus blanditiis vel quis?</span></div></div><div class="AS-relations-card"><img src="http://placehold.it/200x235" class="AS-img-card"><div class="AS-card-body"><span class="AS-card-title">Nombre</span><span class="AS-card-subtitle">Relación</span><span class="AS-card-info">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio possimus, dolorem tenetur, impedit laborum inventore voluptatem eos repellat aspernatur labore nam, quia eligendi accusamus magnam nostrum doloribus blanditiis vel quis?</span></div></div><div class="AS-relations-card"><img src="http://placehold.it/200x235" class="AS-img-card"><div class="AS-card-body"><span class="AS-card-title">Nombre</span><span class="AS-card-subtitle">Relación</span><span class="AS-card-info">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio possimus, dolorem tenetur, impedit laborum inventore voluptatem eos repellat aspernatur labore nam, quia eligendi accusamus magnam nostrum doloribus blanditiis vel quis?</span></div></div><div class="AS-relations-card"><img src="http://placehold.it/200x235" class="AS-img-card"><div class="AS-card-body"><span class="AS-card-title">Nombre</span><span class="AS-card-subtitle">Relación</span><span class="AS-card-info">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio possimus, dolorem tenetur, impedit laborum inventore voluptatem eos repellat aspernatur labore nam, quia eligendi accusamus magnam nostrum doloribus blanditiis vel quis?</span></div></div><div class="AS-relations-card"><img src="http://placehold.it/200x235" class="AS-img-card"><div class="AS-card-body"><span class="AS-card-title">Nombre</span><span class="AS-card-subtitle">Relación</span><span class="AS-card-info">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio possimus, dolorem tenetur, impedit laborum inventore voluptatem eos repellat aspernatur labore nam, quia eligendi accusamus magnam nostrum doloribus blanditiis vel quis?</span></div></div><div class="AS-relations-card"><img src="http://placehold.it/200x235" class="AS-img-card"><div class="AS-card-body"><span class="AS-card-title">Nombre</span><span class="AS-card-subtitle">Relación</span><span class="AS-card-info">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio possimus, dolorem tenetur, impedit laborum inventore voluptatem eos repellat aspernatur labore nam, quia eligendi accusamus magnam nostrum doloribus blanditiis vel quis?</span></div></div><div class="AS-relations-card"><img src="http://placehold.it/200x235" class="AS-img-card"><div class="AS-card-body"><span class="AS-card-title">Nombre</span><span class="AS-card-subtitle">Relación</span><span class="AS-card-info">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio possimus, dolorem tenetur, impedit laborum inventore voluptatem eos repellat aspernatur labore nam, quia eligendi accusamus magnam nostrum doloribus blanditiis vel quis? Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo veritatis rerum, ipsam aut quaerat ut minima ratione cum perferendis officiis qui nobis earum, a rem exercitationem repellat quod. Ipsam, doloribus?</span></div></div></div></div></div></div></div></div></div></div><center><a href="https://hakrabi.tumblr.com" class="credi citos">✿ Elli</a></center>

<style>#ELLI {--AS-bg-img: url("Overlays_Lost_In_Space_ByChlorine\ \(7\).png");--AS-bg-main: #a3559168;--AS-bg-box: #000015;--AS-clr-inputs: #ffffffb0;--AS-clr-name: #D97386;--AS-size-name: 60px;--AS-clr-gold: #F2B872;--AS-border-pink: #A35591;--AS-clr-pink: #A35591;--AS-bg-chrono-status: #1a1918;--AS-bg-chrono: #272624;--AS-text-color: #fff;}</style>[/html]

[html]<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;1,300;1,400&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://icons.cappuccicons.com/cpf.css"><div id="boat"><div class="__bttop"><div class="__bttopt"><mini>It's fucked up, I know</mini><br>Outside of<br> the party</div></div><div class="__btqt"><div class="__btqtd">When I come back down, it doesn't feel the same. Now I'm sittin' 'round, waitin' for the world to end all day. 'Cause I couldn't leave you if I tried<div class="__btqtupp">chemical<br><sc>smokin' in the car with you</sc></div></div></div><div class="__bttext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam massa justo, consequat nec neque in, molestie elementum sem. Quisque eget turpis lectus. Ut non neque quis nibh malesuada posuere eget vel felis. Aenean justo turpis, egestas eu tellus maximus, vulputate ultricies arcu. Proin aliquam nisl ex, dictum accumsan elit rutrum vitae. Duis nibh nulla, euismod in faucibus a, molestie id ex. Proin non finibus diam, id bibendum est. Morbi eleifend congue ultrices. Integer tristique arcu in sodales venenatis. Morbi aliquam metus sit amet elementum ornare. Duis ornare aliquet metus. Donec vitae iaculis odio. Nullam euismod, ipsum sed viverra viverra, enim turpis gravida lorem, rutrum pellentesque velit odio non justo.<br><br>—<accent>Nam eu arcu at urna pulvinar congue. Praesent cursus ex nunc.</accent>— Vivamus mattis vitae nisl et scelerisque. Nulla eu molestie nunc. Ut tristique sagittis dictum. Ut non fringilla sapien. Nullam maximus eget dui eu euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aliquam in ultricies ex. In quis velit molestie, condimentum lectus eget, porttitor lorem. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean id mauris eu magna luctus commodo id ut quam. Nam non efficitur ante. Pellentesque a pretium nulla. Cras non fringilla diam. Quisque iaculis libero in magna vulputate, quis efficitur nulla vehicula.</div><div class="__btbottom"><span class="__btplc"><co><i class="cp cp-cursor"></i></co> Private</span> <span class="__btplc"><co><i class="cp cp-chat"></i></co> Eifuku-mon In</span> <span class="__btplc"><co><i class="cp cp-home"></i></co> place</span></div></div><div class="cactuslinkcont"><a href="http://evassmat.com/a9ue" class="cactuslinkgm" title="CactusCodes">Cactus</a></div>

<style>:root{--naiwidth: 600px;--widthinn: 74%;--naibg1: #fbfbfb;--naibg2: #f1f1f1;--naibd:#e5e5e5;--naiaccent:#b87a49;--naiblack: #1e1e1e;}#boat{width: var(--naiwidth);margin: 0 auto;background: var(--naibg1);margin: 0 auto;margin-top:10px;border: 1px solid var(--naibd);color:var(--naiblack);border-radius: 2px;font-family: 'Merriweather', serif;cursor: context-menu;}#boat .__bttop{padding: 90px 0;text-align:right;border-bottom: 1px solid var(--naibd);}#boat .__bttopt{text-align:right;width: 350px;margin: 0 auto;font-size:42px;font-family: 'Playfair Display SC', serif;text-transform:uppercase;letter-spacing:.8px;font-weight:900;line-height:90%;}#boat .__bttopt mini{font-size:15px;font-family: 'Playfair Display SC', serif;font-weight:700;line-height:80%;letter-spacing:.9px;font-style:italic;color:var(--naiaccent);}#boat .__btqt{background: var(--naibg2);padding:50px 0;border-bottom: 1px solid var(--naibd);}#boat .__btqtd{font-family:merriweather;font-size:10px;line-height: 140%;font-weight:600;width:50%;text-align:justify;margin: 0 auto;letter-spacing:.3px;}#boat .__bttext{width:var(--widthinn);margin: 0 auto;padding: 60px 0;line-height: 190%;font-family: merriweather;font-size:12px;letter-spacing: .2px;text-align: justify;hyphens: auto;}#boat .__bttext accent{color:var(--naiaccent);font-weight:600;}#boat .__btqtupp{text-transform:uppercase;text-align:center;font-weight:600;font-size:12px;font-family: 'Playfair Display', serif;color:var(--naiaccent);letter-spacing:2px;margin-top:20px;}#boat .__btqtupp sc{font-size:8px;letter-spacing:2px;font-family: 'Merriweather', serif;color:var(--naiblack);}#boat .__btbottom{border-top: 1px solid var(--naibd);background: var(--naibg2);padding:50px 12%;text-align:right;}#boat .__btplc{font-weight:600;font-size:9px;letter-spacing:.8px;text-transform:uppercase;margin-right: 2px;border: 1px solid var(--naibd);background: var(--naibg1);padding:5px 14px;border-radius: 3px;transition: .3s ease-in-out;}#boat .__btplc:hover{background:var(--naiaccent);border: 1px solid var(--naiaccent);transition: .3s ease-in-out;}#boat .__btplc co{color:var(--naiaccent);font-size:9px;margin-right:2px;transition: .3s ease-in-out;}#boat .__btplc:hover co{color:var(--naiblack);transition: .3s ease-in-out;}.cactuslinkcont{width: 620px;margin: 0 auto;margin-top:2px;text-align:center;}.cactuslinkgm{text-transform:uppercase;text-decoration: none;font-size:7px;letter-spacing:1px;color:#e6e6e6;font-family:times;border-bottom: 1px;}</style>[/html]

[html]< --- TELÉFONO Y CONTACTOS --- >

<style>:root{---ofondo1:linear-gradient(45deg,rgba(221,227,165,1) 0%,rgba(245,165,158,1) 100%);---oacento1:#DDE3A5;---oacento2:#F5A59E;---oblanco1:#FEFEFE;---oblanco2:#FCFCFC;---onegro1:#333;---oborde1:1px solid #EAEAEA;---oborde2:5px solid #FEFEFE;---ofont1:15px Changa One;---ofont2:11px Patrick Hand;---ofont3:8px Calibri;---oshadow1:0 1px 2px #22222250;---ospacing:.5px}</style>

<div style="width: 680px; display: flex; margin: 0 auto">
<div id="telefono">
<div class="tele_header">
<i class="cp cp-chevron-right"></i>
<span>Kang Tae Hyun</span>
<i class="cp cp-options-o"></i>
</div>
<div class="tele_body">
<div class="tele_img">
<div class="tele_img2">
<a href="https://ywnzznz.tumblr.com/"><img src="https://via.placeholder.com/65"></a>
</div>
</div>
<div class="tele_mensaje">
<span>From the way you smile to the way you look</span>
<span>You capture me unlike no other, from the first hello, yeah, that's all it took</span>
<span><img src="https://via.placeholder.com/200x65"></span>
</div>
<div class="tele_escribir">
<i class="cp cp-paper-clip-o"></i>
<i class="cp cp-camera"></i>
<span>Over and over again</span>
</div>
</div>
<div class="tele_numero">+1 202 555 0156</div>
</div>

<div id="telefono_contactos">
<div class="tele_header">
<i class="cp cp-chevron-right"></i>
<span>Kang Tae Hyun</span>
<i class="cp cp-options-o"></i>   
</div>
<div class="tele_body">
<div class="tele_list">

<div class="tele_conta">
<div class="tele_contaimg">
<img src="https://via.placeholder.com/50">
</div>
<div class="tele_contadata">
<h1>Choi Soo Bin</h1>
<h2>+1 202 555 0156</h2>
<span>llamada</span><span>mensaje</span>
</div>
</div>

<div class="tele_conta">
<div class="tele_contaimg">
<img src="https://via.placeholder.com/50">
</div>
<div class="tele_contadata">
<h1>Choi Yeon Jun</h1>
<h2>+1 202 555 0156</h2>
<span>llamada</span><span>mensaje</span>
</div>
</div>

<div class="tele_conta">
<div class="tele_contaimg">
<img src="https://via.placeholder.com/50">
</div>
<div class="tele_contadata">
<h1>Choi Beom Gyu</h1>
<h2>+1 202 555 0156</h2>
<span>llamada</span><span>mensaje</span>
</div>
</div>

<div class="tele_conta">
<div class="tele_contaimg">
<img src="https://via.placeholder.com/50">
</div>
<div class="tele_contadata">
<h1>Kai Kamal Huening</h1>
<h2>+1 202 555 0156</h2>
<span>llamada</span><span>mensaje</span>
</div>
</div>

<div class="tele_conta">
<div class="tele_contaimg">
<img src="https://via.placeholder.com/50">
</div>
<div class="tele_contadata">
<h1>Jeon Jung Kook</h1>
<h2>+1 202 555 0156</h2>
<span>llamada</span><span>mensaje</span>
</div>
</div>

</div>
</div>
<div class="tele_numero">+1 202 555 0156</div> 
</div>
</div>

<link rel="stylesheet" href="//dl.dropbox.com/s/ll5yxvfp3lld56w/otelefono.css">
<link rel="stylesheet" href="//dl.dropbox.com/s/u25pw9ecsddw6b8/otelefonocontacto.css">
<link rel="stylesheet" href="//dl.dropbox.com/s/awlzuiw56kl5gpb/otelefonoextra.css">
<link rel="stylesheet" href="//icons.cappuccicons.com/cpf.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Changa+One&family=Patrick+Hand&display=swap" rel="stylesheet">

< --- LLAMADA PERDIDA --- >

<div id="telefono_extra">
<div class="tele_exnombre">Choi Beom Gyu</div>
<div class="tele_extra">
<div class="tele_eximg">
<img src="https://via.placeholder.com/65">
</div>
<div class="tele_exdata">
<h1>llamda perdida</h1>
<h2>+1 202 555 0156</h2>
<span>llamada saliente, 0 min 10 seg</span>
</div>
</div>
</div>

< --- MENSAJE --- >

<div id="telefono_extra">
<div class="tele_exnombre">HueningKai</div>
<div class="tele_extra">
<div class="tele_eximg">
<img src="https://via.placeholder.com/65">
</div>
<div class="tele_exdata">
<strong>So, don't ever think I need more, I've got the one to live for, No one else will do, yeah, I'm telling you, Just put your heart in my hands, I promise it won't get broken</strong>
</div>
</div>
</div>

** EL ROOT Y LOS LINKS SOLO SE PONEN EN EL PRIMER MENSAJE Y SE VERA EN TODOS LOS MENSAJES SIN NECESIDAD DE REPETIRLO ♡ **
** SI PASAS A LA SIGUIENTE PAGINA DE TU TEMA VUELVE A PONER EL ROOT Y LOS LINKS EN EL PRIMER MENSAJE DE LA SIGUIENTE PAGINA PARA QUE SE SIGA VIENDO ♡ **

<style>:root{---ofondo1:linear-gradient(45deg,rgba(221,227,165,1) 0%,rgba(245,165,158,1) 100%);---oacento1:#DDE3A5;---oacento2:#F5A59E;---oblanco1:#FEFEFE;---oblanco2:#FCFCFC;---onegro1:#333;---oborde1:1px solid #EAEAEA;---oborde2:5px solid #FEFEFE;---ofont1:15px Changa One;---ofont2:11px Patrick Hand;---ofont3:8px Calibri;---oshadow1:0 1px 2px #22222250;---ospacing:.5px}</style>

<link rel="stylesheet" href="//dl.dropbox.com/s/ll5yxvfp3lld56w/otelefono.css">
<link rel="stylesheet" href="//dl.dropbox.com/s/u25pw9ecsddw6b8/otelefonocontacto.css">
<link rel="stylesheet" href="//dl.dropbox.com/s/awlzuiw56kl5gpb/otelefonoextra.css">
<link rel="stylesheet" href="//icons.cappuccicons.com/cpf.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Changa+One&family=Patrick+Hand&display=swap" rel="stylesheet">[/html]

[html]<div id="lynx"><div class="__body"><div class="__icon1"><i class="fas fa-moon"></i></div><div class="__title">Sweet dreams</div><div class="__subtitle">I'm trapped in the illusion</div><div class="__sep"></div><div class="__icon2"><span class="th th-satellite"></span></div><div class="__title2">Relaciones</div><div class="__charbox"><div class="character"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4"><span class="th th-z-aquarius"></span></div><div class="__rname">Jack</div><div class="__rtype">the nemesis</div></div><div class="character"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4"><span class="th th-z-aries"></span></div><div class="__rname">Angelica</div><div class="__rtype">my besty</div></div><div class="character"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4"><span class="th th-z-cancer"></span></div><div class="__rname">Susan</div><div class="__rtype">captain</div></div><br><div class="character"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4"><span class="th th-z-capricorn"></span></div><div class="__rname">renaldo</div><div class="__rtype">princess</div></div><div class="character"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4"><span class="th th-z-gemini"></span></div><div class="__rname">paco</div><div class="__rtype">a random</div></div><div class="character"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4"><span class="th th-z-leo"></span></div><div class="__rname">Max</div><div class="__rtype">hero</div></div></div></div></div><center><a href="http://j.gs/19765185/cactuscodes" class="cactuscodes">cactus</a></center><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;400;800&family=Nunito:wght@400;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css">
<style>#lynx{width: 500px;margin: 0 auto;}#lynx .__body{width: 500px;border-radius: 10px 10px 10px 10px;background: linear-gradient(to top, #F1C7C9 0%, #9BAAD3 100%);padding: 120px 0px 100px 0px;}#lynx .__icon1{color: #fff;font-size: 60px;text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);width: 500px;text-align: center;}#lynx .__title{font-family:inter;color: #fff;text-transform: uppercase;font-weight: 100;font-size: 27px;letter-spacing: 4px;width: 500px;text-align: center;margin-top: 50px;text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);}@keyframes shiny {0% {text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);}50% {text-shadow: 0px 0px 4px rgba(255, 255, 255, 0);}100% {text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);}}#lynx .__subtitle{font-family:nunito;color: #fff;text-transform: uppercase;font-weight: 400;font-size: 8px;letter-spacing: 3px;width: 500px;text-align: center;margin-top: 5px;}#lynx .__sep{width: 1px;height: 50px;background: #FFFFFF80;margin: 0 auto;margin-top: 50px;}#lynx .__title2{font-family:inter;color: #fff;text-transform: uppercase;font-weight: 200;font-size: 20px;letter-spacing: 4px;width: 500px;text-align: center;margin-top: 20px;margin-bottom: 30px;}#lynx .__icon2{color: #fff;font-size: 35px;text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);width: 500px;text-align: center;margin-top: 50px;}#lynx .thread{width: 500px;height: 50px;background: #FFFFFF80;border-radius: 10px 10px 10px 10px;margin-bottom: 10px;}#lynx .open{background: #7f96d180;float: left;width: 70px;height: 50px;border-radius: 10px 0px 0px 10px;margin-right: 20px;}#lynx .close{background: #ce7dce80;float: left;width: 70px;height: 50px;border-radius: 10px 0px 0px 10px;margin-right: 20px;}#lynx .linko{font-family: nunito;text-decoration: none;color: #9BAAD3;text-transform: uppercase;font-size: 11px;font-weight: 700;position: relative;top: 10px;}#lynx .linkc{font-family: nunito;text-decoration: none;color: #cea9ab;text-transform: uppercase;font-size: 11px;font-weight: 700;position: relative;top: 10px;}#lynx .with{font-family: nunito;text-decoration: none;color: #a5a5a5;font-size: 11px;font-weight: 700;position: relative;top: 5px;}#lynx .__icon3{color: #FFFFFF50;font-size: 20px;text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);width:70px;text-align: center;margin-top: 15px;}#lynx .__charbox{width: 400px;margin: 0 auto;}#lynx .character{width: 120px;height: 150px;background: #FFFFFF90;border-radius: 10px 10px 10px 10px;display: inline-block;margin-left: 10px;margin-bottom: 10px;transition: 1s;overflow: hidden;}#lynx .character:hover{transform:scale(1.1,1.1);transition: 1s;}#lynx .__image{width: 120px;height: 70px;background-size: cover;box-shadow: inset 0 0 0 1000px rgba(155,170,211,.80);transition: 1s;}#lynx .__image:hover{height: 93px;transition: 1s;box-shadow: inset 0 0 0 1000px rgba(155,170,211,.5);border-radius: 0px 0px 10px 10px;}#lynx .__rname{font-family: inter;color: #7d7d7d;text-transform: uppercase;font-size: 16px;font-weight: 400;letter-spacing: 1px;width: 100px;height: 15px;overflow: hidden;margin: 0 auto;text-align: center;line-height: 90%;margin-top: 5px;}#lynx .__rtype{font-family: nunito;text-decoration: none;color: #a5a5a5;font-size: 9px;font-weight: 700;width: 100px;margin: 0 auto;text-align: center;text-transform: uppercase;letter-spacing:2px;margin-top: 2px;}#lynx .__icon4{width: 100px;height: 25px;margin: 0 auto;text-align: center;color: #9BAAD380;font-size: 20px;margin-top: 10px;text-shadow: 0px 0px 2px rgba(155, 170, 212, 0.5);}.cactuscodes{color: #ccc;text-decoration: none;font-family:georgia;font-size: 9px;text-transform: uppercase;font-weight:100;}</style>[/html]

[html]<div id="leo"><div class="__lbody"><div class="__lcassette"><div class="__lctitle">karma police</div><div class="__lccolorbox"><div class="__lcinside"><div class="__lccircledleft"><div class="__lcirclebase" style="margin: 35px 0px 0px 35px;"><div class="__lcircledashleft"><div class="__lcircleinsided"><div class="__lcirclebackg"></div></div></div></div></div><div class="__lccircledright"><div class="__lcirclebase" style="margin: 35px 0px 0px 45px;"><div class="__lcircledashright"><div class="__lcircleinsided"><div class="__lcirclebackg"></div></div></div></div></div></div></div></div><div class="__separation"><div class="__sepcircle" style="float:left;margin: 25px 0px 0px 40px;"></div><div class="__sepcircleup" style="float:left;margin: 15px 0px 0px 20px;"></div><div class="__sepcircle" style="float:right;margin: 25px 40px 0px 0px;"></div><div class="__sepcircleup" style="float:right;margin: 15px 20px 0px 0px;"></div></div><div class="__textbox"><div class="__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin ut dui id elementum. Nam ullamcorper metus sit amet massa malesuada, at porta sem pharetra. <b>Phasellus pellentesque volutpat faucibus. In iaculis faucibus scelerisque. Donec nec cursus turpis.</b> Integer posuere turpis enim, non fringilla dui ullamcorper ac. Aenean vel commodo dolor. Nunc sit amet enim nec ante pharetra rutrum. In elit ex, aliquet vitae malesuada ultricies, sodales non velit. Praesent vitae pellentesque massa, interdum feugiat nibh. Vivamus et aliquet massa, ut accumsan augue. Sed ultrices varius nulla, vel volutpat nulla rutrum eu. Nulla facilisi.<br><br>Nullam venenatis magna auctor feugiat tincidunt. <b>Maecenas laoreet dignissim euismod.</b> Ut ultrices viverra arcu, a ultricies risus elementum id. Sed eu tortor pulvinar, pretium odio nec, efficitur dolor. Sed ut iaculis augue. Nam sit amet turpis ac purus tincidunt placerat. Sed ac urna in diam congue ullamcorper. Ut sit amet quam varius, pulvinar massa porta, finibus turpis. Aliquam vel faucibus velit. Nullam sit amet ex fringilla, rutrum quam non, convallis erat. Nulla facilisi. Curabitur sit amet tincidunt tellus. Pellentesque interdum felis non tortor consequat, a ultrices erat fermentum. Phasellus sed malesuada diam, non ornare metus.</div></div></div><center><a href="http://j.gs/19765185/cactuscodes" class="cactuscodes">cactus</a></center></div>
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Permanent+Marker&display=swap" rel="stylesheet"><style>#leo .__lbody{width: 450px;background: #232325;border-radius: 15px;padding: 45px 0px 40px 0px;margin: 0 auto;}#leo .__lcassette{width: 370px;height: 290px;border-radius: 20px;background: #E9E9EB;background-image: url(https://www.transparenttextures.com/pat … -paper.png);margin: 0 auto;overflow: hidden;}#leo .__lctitle{font-family: permanent marker;letter-spacing: -1px;width: 370px;text-align: center;margin-top: 60px;font-size: 35px;line-height: 90%;color: #333333;}#leo .__lccolorbox{width: 370px;height: 105px;background: #ED5129;margin-top: 20px;overflow: hidden;}#leo .__lcinside{border-radius: 3px;width: 290px;height: 80px;background: #edf4f7;margin: 0 auto;margin-top: 12px;overflow: hidden;}#leo .__lccircledleft{width: 150px;height: 150px;background: #141414;border-radius: 50%;float:left;margin: -30px -10px 0px -30px;overflow: hidden;}#leo .__lccircledright{width: 150px;height: 150px;background: #141414;border-radius: 50%;float:right;margin: -30px -30px 0px -10px;overflow: hidden;}#leo .__lcirclebase{width: 70px;height: 70px;border-radius: 50%;background: #E9E9EB;overflow: hidden;}#leo .__lcircledashleft{width: 50px;height: 50px;border: 4px dashed #141414;border-radius: 50%;background: #E9E9EB;margin: 6px 0px 0px 6px;overflow: hidden;animation: rotation 7s infinite linear;}@keyframes rotation {from {transform: rotate(0deg);}to {transform: rotate(359deg);}}#leo .__lcircledashright{width: 50px;height: 50px;border: 4px dashed #141414;border-radius: 50%;background: #E9E9EB;margin: 6px 0px 0px 6px;overflow: hidden;animation: rotation 5s infinite linear;}#leo .__lcircleinsided{width: 30px;height: 30px;border-radius: 50%;background: #E9E9EB;border: 6px solid #E9E9EB;border-bottom: 6px solid #ED5129;border-right: 6px solid #ED5129;margin: 4px 0px 0px 4px;overflow: hidden;}#leo .__lcirclebackg{width: 15px;height: 15px;border-radius: 50%;border: 1px dashed #cccccc90;background: #edf4f7;margin: 7px 0px 0px 6.5px;}#leo .__separation{width: 300px;height: 40px;background: #383838;margin: 0 auto;padding: 10px;margin-top: -15px;border-radius: 10px 10px 5px 5px;overflow: hidden;}#leo .__sepcircle{width: 10px;height: 10px;border-radius: 50px;background: #232325;}#leo .__sepcircleup{width: 10px;height: 10px;border-radius: 50px;background: #232325;}#leo .__textbox{width: 370px;background: #E9E9EB;padding: 40px 0px 40px 0px;margin: 0 auto;margin-top: 30px;border-radius: 20px;}#leo .__text{font-family: lato;font-size: 12px;text-align: justify;width: 300px;margin: 0 auto;color: #333333;line-height: 15px;}#leo .__text b{color: #ED5129;}.cactuscodes{color: #ccc;text-decoration: none;font-family:georgia;font-size: 9px;text-transform: uppercase;font-weight:100;}</style>[/html]

[html]<div id="antlia"><div class="__anbody"><div class="__andectext">It's a crazy situation You always keep me waiting Because its only make believe And I would come a-running To give you all my loving If one day you would notice me</div><div class="__ancirpul"><div class="__anicon"></div></div><div class="__ansepb"></div><div class="__anleftimg"></div><div class="__anrightb"><div class="__aninfob"><div class="__andade">25 años</div><div class="__andade">estrella fugaz</div><div class="__andade">alemana</div><div class="__andade">bisexual</div><div class="__andade">diva del pop</div><div class="__andade">ahri - lol</div></div><div class="__anallb"><div class="__anndec"></div><div class="__annm">ahri<br><span class="__anap">the fox spirit</span></div><div class="__anpsib"><div class="__anmcircle"></div><div class="__anmnum">psicología</div><br><div class="__amtext">Suspendisse mollis lorem ante, nec vulputate quam vulputate at. Duis sed rhoncus eros, nec luctus mi. Praesent in felis vitae eros eleifend rhoncus ut pretium augue. Pellentesque ultrices nulla nunc, vestibulum blandit orci mollis nec. Suspendisse sed nunc vitae odio pretium aliquet ut ut ipsum. Nullam ut porta justo, vitae pharetra lacus. In sem purus, tristique vitae rhoncus vel, porttitor vitae ipsum. Ut scelerisque magna a justo aliquam sodales ut ut nisi. Curabitur laoreet urna a volutpat cursus. Nulla ac pharetra turpis. Sed suscipit et leo a vulputate. Phasellus consectetur erat nec quam convallis dictum. Fusce et aliquet magna.</div>
<div class="__anmcircle"></div><div class="__anmnum">historia</div><br><div class="__amtext"> Suspendisse mollis lorem ante, nec vulputate quam vulputate at. Duis sed rhoncus eros, nec luctus mi. Praesent in felis vitae eros eleifend rhoncus ut pretium augue. Pellentesque ultrices nulla nunc, vestibulum blandit orci mollis nec. Suspendisse sed nunc vitae odio pretium aliquet ut ut ipsum. Nullam ut porta justo, vitae pharetra lacus. In sem purus, tristique vitae rhoncus vel, porttitor vitae ipsum. Ut scelerisque magna a justo aliquam sodales ut ut nisi. Curabitur laoreet urna a volutpat cursus. Nulla ac pharetra turpis. Sed suscipit et leo a vulputate. Phasellus consectetur erat nec quam convallis dictum. Fusce et aliquet magna.</div>
<div class="__anmcircle"></div><div class="__anmnum">extras</div><br><div class="__amtext"> Suspendisse mollis lorem ante, nec vulputate quam vulputate at. Duis sed rhoncus eros, nec luctus mi. Praesent in felis vitae eros eleifend rhoncus ut pretium augue. Pellentesque ultrices nulla nunc, vestibulum blandit orci mollis nec. Suspendisse sed nunc vitae odio pretium aliquet ut ut ipsum. Nullam ut porta justo, vitae pharetra lacus. In sem purus, tristique vitae rhoncus vel, porttitor vitae ipsum. Ut scelerisque magna a justo aliquam sodales ut ut nisi. Curabitur laoreet urna a volutpat cursus. Nulla ac pharetra turpis. Sed suscipit et leo a vulputate. Phasellus consectetur erat nec quam convallis dictum. Fusce et aliquet magna.</div>
<br><br></div></div></div></div><div class="__andown"><div class="__vsic"><i class="th th-microphone"></i></div><div class="__vmtext">Everybody knows inside that we had it good<br>Good things don't last like we thought they would I've got a front seat, watch it unfold in front of me It's only the end</div></div><center><a href="http://j.gs/19765185/cactuscodes" class="cactuscodes">cactus</a></center></div>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;800;900&family=Roboto:ital,wght@0,100;0,300;0,700;0,900;1,400&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>#antlia .__anbody{width: 550px;height: 800px;overflow: hidden;border-radius: 4px 4px 0px 0px;margin: 0 auto;background: linear-gradient(151deg, #e686ab, #F08BB2, #CC7697, #F28DB4);background-size: 800% 800%;-webkit-animation: anbggr 30s ease infinite;animation: anbggr 30s ease infinite;color:#171717;}@-webkit-keyframes anbggr {0%{background-position:13% 0%}50%{background-position:88% 100%}100%{background-position:13% 0%}}@keyframes anbggr {0%{background-position:13% 0%}50%{background-position:88% 100%}100%{background-position:13% 0%}}#antlia .__andectext{position:relative;z-index: 1;font-size: 60px;letter-spacing: -3px;font-family: Montserrat;color: rgba(255, 255, 255, 0);font-weight: 700;text-transform: lowercase;-webkit-text-stroke: 1px #ffffff20;font-style:italic;line-height: 80%;text-align: left;width: 800px;margin: -10px 0px 0px -20px;height: 300px;overflow: hidden;}#antlia .__ancirpul{position: relative;z-index: 1;top: -351px;left: 236px;background: #171717;width: 370px;height: 370px;border-radius: 50%;box-shadow: 0 0 0 0 rgba(23, 23, 23, 1);transform: scale(1);animation: pulse 2s infinite;}@keyframes pulse {0% {box-shadow: 0 0 0 0 rgba(23, 23, 23, 0.3);}70% {box-shadow: 0 0 0 250px rgba(23, 23, 23, 0);}100% {box-shadow: 0 0 0 0 rgba(23, 23, 23, 0);}}#antlia .__anicon{width: 150px;height: 150px;background: url(https://images2.imgbox.com/f4/ff/eO9aFs1A_o.png);background-size: cover;border-radius: 50%;position: relative;top: 105px;border: 10px solid #17171790;right: -100px;}#antlia .__ansepb{width: 900px;height: 50px;background: #171717;transform: rotate(-5deg);margin: -400px 0px 0px -35px;position:relative;z-index: 2;}#antlia .__anleftimg{width: 135px;height: 490px;background: url(https://images2.imgbox.com/50/07/z2mYlMPJ_o.png);background-size: cover;box-shadow: inset 0 0 0 1000px rgba(230,134,171,0.70);float:left;position: relative;z-index:1;}#antlia .__anrightb{position: relative;z-index:1;width: 415px;height: 510px;margin-top: -12px;float: right;background: #F3F3F3;}#antlia .__aninfob{width: 140px;height: 300px;position:relative;left: -100px;top: 140px;}#antlia .__andade{width: 110px;background: #171717;font-family: roboto;color: #E686AB;text-transform: uppercase;font-size: 8.5px;font-weight: 700;letter-spacing: 1px;padding: 5px 15px 5px 5px;text-align: right;border-radius: 4px;margin-bottom: 15px;}#antlia .__anallb{width: 340px;height: 420px;position:relative;top: -250px;left: 55px;overflow:hidden;}#antlia .__annm{text-align: right;font-family: Montserrat;font-weight: 700;font-size: 45px;line-height: 60%;letter-spacing: -2px;position:relative;top: -45px;right: 70px;}#antlia .__anap{font-size: 20px;font-weight: 300;letter-spacing:-1px;}#antlia .__anndec{background: #E686AB;width: 100px;height: 100px;border-radius: 50%;position:relative;top: 20px;left:190px;}#antlia .__anpsib{width: 330px;height: 295px;overflow: auto;top: -20px;}#antlia .__anpsib::-webkit-scrollbar {width: 3px !important;margin-right: 1px !important;background-color: #E686AB !important;}#antlia .__anpsib::-webkit-scrollbar-track {width: 1px !important;background-color: #F3F3F3 !important;}#antlia .__anpsib::-webkit-scrollbar-thumb {width: 1px !important;background-color: #E686AB !important;}#antlia .__anmnum{font-family: roboto;font-weight: 900;text-transform: lowercase;letter-spacing: -3px;font-size: 35px;color:#171717;position:relative;top: -15px;left: 20px;}#antlia .__anmcircle{background:#E686AB;width: 70px;height: 50px;position:relative;border-radius: 10px;top: 20px;left: 0px;}#antlia .__anmnumlight{font-weight: 100;}#antlia .__amtext{text-align: justify;font-family: Montserrat;font-size: 11px;font-weight: 400;padding: 0px 15px 0px 15px;margin-top: -10px;line-height: 130%;letter-spacing: 0px;}#antlia .__andown{height:150px;width:550px;margin: 0 auto;background: #171717;border-radius: 0px 0px 4px 4px;}#antlia .__vsic{width: 550px;text-align: center;font-size: 30px;position:relative;top:40px;background: linear-gradient(to top, #e686ab 0%, #a162a1 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}#antlia .__vmtext{width: 350px;margin: 0 auto;position:relative;top:50px;text-align: center;font-size: 7px;letter-spacing: 1px;font-family: Montserrat;color: #afafaf;font-weight: 400;text-transform: uppercase;line-height: 120%;}.cactuscodes{color: #ccc;text-decoration: none;font-family:georgia;font-size: 9px;text-transform: uppercase;font-weight:100;}</style>[/html]

[html]<div id="lynx"><div class="__body"><div class="__icon1"><i class="fas fa-moon"></i></div><div class="__title">Sweet Dreams</div><div class="__subtitle">I'm trapped in the illusion</div><div class="__sep"></div><div class="LYNXcontainer"><div class="LYNXtabs"><div class="LYNXtab"><input type="radio" id="LYNXtab-1" name="LYNXtab-group-1" checked><label for="LYNXtab-1"> <span class="th th-planet-2"></span> </label><div class="LYNXcontent"><div class="__icon2"><span class="th th-planet-2"></span></div><div class="__title2">cronología</div><div class="__scrollbox"><div class="thread"><div class="open"><div class="__icon3"><span class="th th-open-lock"></span></div></div><a href="/" class="linko">It's like a big black hole in my heart</a><br><span class="with">Federico García Lorca</span></div><div class="thread"><div class="close"><div class="__icon3"><span class="th th-closed-lock"></span></div></div><a href="/" class="linko">Fly high yeah</a><br><span class="with">Federico García Lorca</span></div><div class="thread"><div class="open"><div class="__icon3"><span class="th th-open-lock"></span></div></div><a href="/" class="linko">It's like a big black hole in my heart</a><br><span class="with">Federico García Lorca</span></div><div class="thread"><div class="close"><div class="__icon3"><span class="th th-closed-lock"></span></div></div><a href="/" class="linko">Fly high yeah</a><br><span class="with">Federico García Lorca</span></div><div class="thread"><div class="open"><div class="__icon3"><span class="th th-open-lock"></span></div></div><a href="/" class="linko">It's like a big black hole in my heart</a><br><span class="with">Federico García Lorca</span></div><div class="thread"><div class="close"><div class="__icon3"><span class="th th-closed-lock"></span></div></div><a href="/" class="linko">Fly high yeah</a><br><span class="with">Federico García Lorca</span></div></div></div></div><div class="LYNXtab"><input type="radio" id="LYNXtab-2" name="LYNXtab-group-1"><label for="LYNXtab-2"> <span class="th th-satellite"></span> </label><div class="LYNXcontent"><div class="__icon2"><span class="th th-satellite"></span></div><div class="__title2">Relaciones</div><div class="__scrollbox"><div class="character"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4"><span class="th th-z-aquarius"></span></div><div class="__rname">Jack</div><div class="__rtype">the nemesis</div></div><div class="character"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4"><span class="th th-z-aries"></span></div><div class="__rname">Angelica</div><div class="__rtype">my besty</div></div><div class="character"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4"><span class="th th-z-cancer"></span></div><div class="__rname">Susan</div><div class="__rtype">captain</div></div><br><div class="character"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4"><span class="th th-z-capricorn"></span></div><div class="__rname">renaldo</div><div class="__rtype">princess</div></div><div class="character"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4"><span class="th th-z-gemini"></span></div><div class="__rname">paco</div><div class="__rtype">a random</div></div><div class="character"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4"><span class="th th-z-leo"></span></div><div class="__rname">Max</div><div class="__rtype">hero</div></div></div></div></div><div class="LYNXtab"><input type="radio" id="LYNXtab-3" name="LYNXtab-group-1"><label for="LYNXtab-3"> <span class="th th-constellation"></span> </label><div class="LYNXcontent"><div class="__icon2"><span class="th th-constellation"></span></div><div class="__title2">Diario</div><div class="__scrollbox"><div class="diarip"><div class="__pnumesp"><div class="__pnumber">.01</div></div><div class="__pcont">Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </div></div><div class="diarip"><div class="__pnumesp"><div class="__pnumber">.02</div></div><div class="__pcont">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan tellus sed ex pharetra pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div></div><div class="diarip"><div class="__pnumesp"><div class="__pnumber">.03</div></div><div class="__pcont">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan tellus sed ex pharetra pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam pharetra sapien et mi ultrices.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan tellus sed ex pharetra pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam pharetra sapien et mi ultrices.</div></div></div></div></div></div></div></div></div><center><a href="http://j.gs/19765185/cactuscodes" class="cactuscodes">cactus</a></center><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;400;800&family=Nunito:wght@400;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css">
<style>#lynx{width: 500px;margin: 0 auto;}#lynx .__body{width: 500px;border-radius: 10px 10px 10px 10px;background: linear-gradient(to top, #F1C7C9 0%, #9BAAD3 100%);padding: 120px 0px 100px 0px;}#lynx .__icon1{color: #fff;font-size: 60px;text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);width: 500px;text-align: center;}#lynx .__title{font-family:inter;color: #fff;text-transform: uppercase;font-weight: 100;font-size: 27px;letter-spacing: 4px;width: 500px;text-align: center;margin-top: 50px;text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);}#lynx .__subtitle{font-family:nunito;color: #fff;text-transform: uppercase;font-weight: 400;font-size: 8px;letter-spacing: 3px;width: 500px;text-align: center;margin-top: 5px;}#lynx .__sep{width: 1px;height: 50px;background: #FFFFFF80;margin: 0 auto;margin-top: 50px;}#lynx .__title2{font-family:inter;color: #fff;text-transform: uppercase;font-weight: 200;font-size: 20px;letter-spacing: 4px;width: 400px;text-align: center;margin-top: 20px;margin-bottom: 30px;}#lynx .__icon2{color: #FFFFFF;font-size: 55px;text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);width: 400px;text-align: center;margin-top: 0px;}#lynx .thread{width: 400px;height: 50px;background: #FFFFFF80;border-radius: 10px 10px 10px 10px;margin-bottom: 10px;}#lynx .open{background: #7f96d180;float: left;width: 70px;height: 50px;border-radius: 10px 0px 0px 10px;margin-right: 20px;}#lynx .close{background: #ce7dce80;float: left;width: 70px;height: 50px;border-radius: 10px 0px 0px 10px;margin-right: 20px;}#lynx .linko{font-family: nunito;text-decoration: none;color: #7d7d7d;text-transform: uppercase;font-size: 11px;font-weight: 700;position: relative;top: 10px;transition: 1s;}#lynx .linkc{font-family: nunito;text-decoration: none;color: #cea9ab;text-transform: uppercase;font-size: 11px;font-weight: 700;position: relative;top: 10px;transition: 1s;}#lynx .linkc:hover{text-shadow: 0px 0px 2px rgba(206, 169, 171, 1);color: #cea9ab90;transition: 0.3s;}#lynx .linko:hover{text-shadow: 0px 0px 1px rgba(125, 125, 125, 0.4);transition: 1s;}#lynx .with{font-family: nunito;text-decoration: none;color: #a5a5a5;font-size: 11px;font-weight: 700;position: relative;top: 5px;}#lynx .__icon3{color: #FFFFFF50;font-size: 20px;text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);width:70px;text-align: center;margin-top: 15px;}#lynx .character{width: 120px;height: 150px;background: #FFFFFF80;border-radius: 10px 10px 10px 10px;display: inline-block;margin-left: 10px;margin-bottom: 10px;transition: 1s;overflow: hidden;}#lynx .character:hover{transform:scale(1.1,1.1);transition: 1s;}#lynx .__image{width: 120px;height: 70px;background-size: cover;box-shadow: inset 0 0 0 1000px rgba(155,170,211,.80);transition: 1s;}#lynx .__image:hover{height: 93px;transition: 1s;box-shadow: inset 0 0 0 1000px rgba(155,170,211,.5);border-radius: 10px 10px 10px 10px;}#lynx .__rname{font-family: inter;color: #7d7d7d;text-transform: uppercase;font-size: 15px;font-weight: 400;letter-spacing: 1px;width: 100px;height: 15px;overflow: hidden;margin: 0 auto;text-align: center;line-height: 90%;margin-top: 5px;}#lynx .__rtype{font-family: nunito;text-decoration: none;color: #a5a5a5;font-size: 9px;font-weight: 700;width: 100px;margin: 0 auto;text-align: center;text-transform: uppercase;letter-spacing:2px;margin-top: 2px;}#lynx .__icon4{width: 100px;height: 25px;margin: 0 auto;text-align: center;color: #9BAAD380;font-size: 20px;margin-top: 10px;text-shadow: 0px 0px 2px rgba(155, 170, 212, 0.5);}#lynx .diarip{width: 400px;height: 90px;background: #FFFFFF80;border-radius: 10px 10px 10px 10px;margin-bottom: 10px;overflow: hidden;}#lynx .__pnumesp{display: inline-block;float: left;width: 90px;height: 70px;border-radius: 10px 0px 0px 10px;margin-right: 20px;border-right: 1px solid #7d7d7d40;margin-top: 10px;}#lynx .__pnumber{font-family: inter;color: #7d7d7d70;text-transform: uppercase;font-size: 25px;letter-spacing: -1px;font-weight: 200;width: 60px;margin: 0 auto;margin-top: 20px;text-align: center;}#lynx .__pcont{font-family: nunito;color: #7d7d7d99;font-size: 11px;font-weight: 400;position: relative;top: 10px;transition: 1s;text-align: justify;height:65px;width: 270px;overflow: auto;margin-top: 2px;line-height: 110%;}#lynx .__scrollbox{width: 410px;height: 365px;overflow: auto;border-radius: 10px 10px 10px 10px;padding: 10px 5px 0px 5px;}#lynx .__scrollbox::-webkit-scrollbar {width: 0px !important;}#lynx .__scrollbox::-webkit-scrollbar-track {width: 0px !important;}#lynx .__scrollbox::-webkit-scrollbar-thumb {width: 0px !important;}.LYNXcontainer {margin: 0 auto;margin-top: 100px;height: 500px;width: 400px;}.LYNXtabs {margin: 0px auto;position: relative;width: 400px;height:  500px;}.LYNXtab {float: left;}.LYNXtab label {display: block;width: 50px;height: 50px;position: relative;text-align:center;top: -55px;left: 95px;color: #FFFFFF;font-size: 25px;text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);margin-right: 30px;transition: 0.3s;}.LYNXtab label:not(:active) {transition-timing-function: ease-out;transition: 0.3s;}.LYNXtab label:active {position:relative;top: -75px;transition: 0.3s;}.LYNXtab input[type=radio]:checked ~ label {color: #FFFFFF99;font-size: 40px;text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);position:relative;transition: 0.3s;}.LYNXtab input[type=radio] {display: none;}.LYNXcontent {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: #FFFFFF0;opacity: 0;transition: ease-out 1s;margin-top: 50px;}.LYNXtab input[type=radio]:checked ~ label ~ .LYNXcontent {z-index: 1;display: block;opacity: 1;}.cactuscodes{color: #ccc;text-decoration: none;font-family:georgia;font-size: 9px;text-transform: uppercase;font-weight:100;}#lynx .__pcont::-webkit-scrollbar {width: 0px !important;}#lynx .__pcont::-webkit-scrollbar-track {width: 0px !important;}#lynx __pcont::-webkit-scrollbar-thumb {width: 0px !important;}</style>[/html]