Constellations || Cronología

<center><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sulphur+Point|Bebas+Neue|Gayathri"><div class="Pink"><table><tr><td><div class="Orange"><div class="Black"></div><div class="Blue"><i>Telescope</i></div><div class="Red">I hear you calling from behind the star fields. I feel you radiating energy like eternal northern lights.</div><div class="Cian"></div></td><td><div class="Purple"><div class="White"><div class="Brown">—Temas abiertos:</div><div class="Yellow"><div class="back"><div class="button_base b03_skewed_slide_in"><div>★ Andromeda</div><div></div><div><a target="parent" href="Link here">★ Andromeda</a></div></div></div>Con Nombre Apellido</div><div class="Yellow"><div class="back"><div class="button_base b03_skewed_slide_in"><div>★ Caelum</div><div></div><div><a target="parent" href="Link here">★ Caelum</a></div></div></div>Con Nombre Apellido</div><div class="Yellow"><div class="back"><div class="button_base b03_skewed_slide_in"><div>★ Centaurus</div><div></div><div><a target="parent" href="Link Here">★ Centaurus</a></div></div></div>Con Nombre Apellido</div><div class="Yellow"><div class="back"><div class="button_base b03_skewed_slide_in"><div>★ Corona Borealis</div><div></div><div><a target="parent" href="Link Here">★ Corona Borealis</a></div></div></div>Con Nombre Apellido</div><div class="Yellow"><div class="back"><div class="button_base b03_skewed_slide_in"><div>★ Perseus</div><div></div><div><a target="parent" href="Link Here">★ Perseus</a></div></div></div>Con Nombre Apellido</div><div class="Yellow"><div class="back"><div class="button_base b03_skewed_slide_in"><div>★ Orion</div><div></div><div><a target="parent" href="Link Here">★ Orion</a></div></div></div>Con Nombre Apellido</div><br><div class="Brown">—Temas cerrados:</div><div class="Yellow"><div class="back"><div class="button_base b03_skewed_slide_in"><div>★ Hydra</div><div></div><div><a target="parent" href="Link Here">★ Hydra</a></div></div></div>Con Nombre Apellido</div><div class="Yellow"><div class="back"><div class="button_base b03_skewed_slide_in"><div>★ Cassiopeia</div><div></div><div><a target="parent" href="Link Here">★ Cassiopeia</a></div></div></div>Con Nombre Apellido</div></div></td></tr></table></div><div class="Credi"><a target="parent" href="http://hakrabi.tumblr.com/">—Hakrabi</a></div></center>

<style>.Pink {width: 602px; height: 500px; background: #9A6FA8;}.Orange {width: 160px; height: 452px; background: #D79AEA; padding: 20px; border: 1px solid #000;}.Black {color: #D79AEA; text-decoration: none; text-align: center; position: relative; z-index: 10; display: block; width: 150px; height: 150px; line-height: 150px;}.Black::before {content: ''; background: url(https://i14.servimg.com/u/f14/19/66/41/09/sin-tz11.gif); display: block; position: absolute; width: 150px; height: 150px; z-index: -1; border-radius: 50%; box-shadow: 0 0 0 0 #D79AEA, 0 0 0 0 #dda284; transition: all .2s ease; -webkit-transition: all .2s ease;}.Black:hover::before {transform: scale(0.8); -webkit-transform: scale(0.8); box-shadow: 0 0 0 25px #D79AEA, 0 0 0 27px #fff;}.Red {width: 140px; height: auto; background: transparent; padding: 10px; text-align: justify; font-family: Sulphur Point; color: #fff; font-size: 13px;}.Blue {width: 140px; height: auto; background: #00; padding: 10px; text-align: justify; font-family: Bebas Neue; color: #fff; font-size: 35px; letter-spacing: 3px; margin-top: 5px;}.Cian {width: 150px; height: 120px; background: url(https://i14.servimg.com/u/f14/19/66/41/09/sin_tz59.png);}.Purple {width: 370px; height: 400px; background: #00; padding: 7px; border: 1px solid #fff;}.White {width: 350px; height: 380px; background: #D79AEA; padding: 10px; color: #fff; text-align: justify; font-family: Gayathri; font-size: 13px; overflow: auto;}.Brown {width: 140px; height: 16px; background: transparent; padding: 5px; border-bottom: 2px solid #fff; color: #fff; font-size: 17px;}.button_base {margin: 0; border: 0; font-size: 18px; position: relative; top: 50%; left: 50%; margin-top: -7px; margin-left: -130px; width: 200px; height: 45px; text-align: justify; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-user-select: none; cursor: default;}.button_base:hover {cursor: pointer;}.b03_skewed_slide_in {overflow: hidden;}.b03_skewed_slide_in div {position: absolute; text-align: justify; width: 100%; height: 45px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; padding: 10px;}.b03_skewed_slide_in div:nth-child(1) {color: #fff; background-color: #ff;}.b03_skewed_slide_in div:nth-child(2) {background-color: #9A6FA8; width: 230px; transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease; transform: translate(-250px, 0px) skewX(-30deg);-webkit-transform: translate(-250px, 0px) skewX(-30deg);-moz-transform: translate(-250px, 0px) skewX(-30deg);}.b03_skewed_slide_in div:nth-child(3) {color: #ffffff; left: -200px; transition: left 0.2s ease;-webkit-transition: left 0.2s ease;-moz-transition: left 0.2s ease;}.b03_skewed_slide_in:hover div:nth-child(2) {transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; transform: translate(-15px, 0px) skewX(-30deg);-webkit-transform: translate(-15px, 0px) skewX(-30deg);-moz-transform: translate(-15px, 0px) skewX(-30deg);}.b03_skewed_slide_in:hover div:nth-child(3) {left: 0px; transition: left 0.30000000000000004s ease;-webkit-transition: left 0.30000000000000004s ease;-moz-transition: left 0.30000000000000004s ease;}.Yellow {width: 240px; height: 60px; background: transparent; padding: 10px; text-align: justify; font-family: Gayathri; border-bottom: 2px solid #fff; font-size: 19px; color: #0faed1;}div::-webkit-scrollbar {width: 5px;} div::-webkit-scrollbar-track {border: 2px solid transparent;background: transparent;} div::-webkit-scrollbar-thumb {background: #transparent;}.Credi {font-size: 11px;}</style>