068 | Stars are Blind

<div id="stars">
<div id="ministars">
<div id="instars">
<div class="title"><span class="th th-constellation"></span><h> Stars are Blind</h></div>
<div class="bostars"><h></h><span class="th th-star"></span><n></n><i class="th th-star"></i>
<div id="minima" style="background: url(https://via.placeholder.com/100)"> </div>
<div id="playedby"> PB: Hallucineon </div>
<div id="txt">

Soy un espacio, lléname de texto.

</div>
<div class="backstars" style="background: url(https://via.placeholder.com/410x300)">
</div></div></div><div class="crdts"><a href="https://gitanodoescodes.tumblr.com/">— gitano;</a></div>

<style>#stars {width: 450px; outline: 1px solid #9aafc8; border: 5px solid #B9CCDE; position: relative; padding: 5px; background: #fefefe; margin: 0 auto; margin-top: 0px;}#stars br {display: none}#ministars {outline: 1px solid #eaeaea; padding: 15px; background: #fafafa}#instars {outline: 1px solid #eaeaea; padding: 5px; background: #fefefe;}#instars .title {background: #B9CCDE; border: 1px solid #9aafc8; font: 50px "Strella"; color: #fff; padding: 45px 30px; text-align: center; position: relative; overflow: hidden; border-bottom: none; text-shadow: 1px 1px 0 #9aafc8, -1px 1px 0 #9aafc8, 1px -1px 0 #9aafc8, -1px -1px 0 #9aafc8}#instars .title h {position: relative; display: block; line-height: 100%}#instars .title span {position: absolute; left: 10px; top: 20px; font-size: 100px; opacity: .20}.bostars {height: 300px; position: relative; background: #B9CCDE; border: 1px solid #9aafc8; border-top: none; overflow: hidden;}.bostars .backstars {position: absolute; top: 0px; left: 0px; right: 0px; height: 300px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; opacity: 1;}.bostars:hover .backstars {top: 300px;}.bostars #minima {height: 100px; width: 100px; border: 10px solid #fefefe; outline: 1px solid #9aafc8; position: absolute; top: 40px; left: 40px;}.bostars #playedby {position: absolute; outline: 1px solid #9aafc8; width: 100px;background: #fefefe; font: 7px 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; text-align: center;padding: 10px; left: 40px; top: 159px; color: #9aafc8}.bostars #txt {position: absolute; outline: 1px solid #9aafc8; background: #fefefe; font: 10px 'Montserrat'; line-height: 110%; right: 40px; top: 40px; bottom: 40px; width: 160px; padding: 20px; text-align: justify; overflow-y: auto; font-weight: 500; color: #555}.bostars #txt br {display: block!important}.bostars h {position: absolute; top: 185px; left: 90px; width: 1px; height: 60px; background: #fff; display: block;}.bostars span {position: absolute; top: 240px; left: 84px; display: block; color: #fff; font-size: 12px;}.bostars n {position: absolute; top: 185px; left: 110px; width: 1px; height: 40px; background: #fff; display: block;}.bostars i {position: absolute; top: 220px; left: 105px; display: block; color: #fff; font-size: 12px;}@font-face { font-family: "strella"; src: url('https://dl.dropboxusercontent.com/s/gfxo0q9ro7r84a2/Star%20Strella.ttf'); format("truetype");}.bostars #txt::-webkit-scrollbar {width: 7px; background-color: #fafafa; border: 1px solid #eaeaea;}.bostars #txt::-webkit-scrollbar-thumb {width: 10px; background: #B9CCDE; border: 1px solid #9aafc8;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}</style><link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">