[ Otros ] A quien corresponda

<link href="https://fonts.googleapis.com/css?family=Allura|Playfair+Display" rel="stylesheet"> <div class="absolute-tablilla"> <div class="triangulo-tablilla"></div> <div class="rombo"> <img src="https://mw-assets.ams3.cdn.digitaloceanspaces.com/hi-res/MW1584VB.jpg"> </div> <div class="triangulo-izquierdo"></div> <div class="triangulo-derecho"></div> <div class="carta-en-si"> <p>Lorem ipsum dolor sit amet consectetur adipiscing elit et augue dis duis mollis facilisi fames, porta vitae nascetur mi mattis habitant praesent proin ut eros auctor vivamus. Dapibus nisl sociosqu curabitur faucibus fermentum tempor ridiculus scelerisque maecenas lectus pharetra felis, litora parturient enim odio vel montes dis nam orci sollicitudin sed nunc, risus varius duis fusce tristique imperdiet aliquam mauris neque magna blandit. Fermentum posuere sodales est cursus quisque augue pellentesque felis ridiculus nunc tristique, lectus laoreet leo ante habitant diam commodo primis potenti etiam, curabitur auctor eleifend integer varius euismod per cubilia libero ullamcorper. Porttitor hendrerit congue diam dis montes, taciti ullamcorper luctus nisi justo consequat, duis blandit sem aliquet. <br> Diam porta himenaeos class quam vulputate sodales pellentesque, dapibus ad malesuada ultricies ridiculus risus aliquet, metus lobortis dignissim neque magnis vestibulum. Imperdiet interdum egestas turpis dignissim cras gravida vulputate dis orci potenti sed, nec ligula quam sodales sagittis lacinia nulla ut eget sapien aenean tempus, aliquam inceptos nullam commodo suscipit mattis justo dapibus scelerisque duis. Orci eu nullam fusce suscipit lacinia per morbi, habitant egestas aenean dictumst facilisis lobortis, vehicula placerat et erat tortor sagittis. Sem ridiculus nisi arcu urna eget etiam in, ligula curabitur integer scelerisque at justo leo aliquet, tristique fringilla magnis vestibulum felis ullamcorper. Nibh justo ac neque pretium fermentum magna torquent luctus class, commodo per rhoncus imperdiet in senectus habitasse quis sagittis, id mollis primis nostra bibendum leo porta scelerisque. Curabitur euismod ad magnis id sollicitudin lobortis hendrerit ultrices duis tincidunt, hac egestas risus mus habitant suscipit sagittis elementum proin pharetra, senectus dapibus cras mauris quisque etiam eros primis convallis. Pulvinar aptent massa porttitor justo taciti congue suspendisse cras morbi elementum enim, tellus blandit eget nisl rhoncus turpis vehicula platea metus. Tellus lobortis posuere pharetra mauris morbi pellentesque litora class aliquet, ante auctor varius iaculis placerat laoreet molestie suspendisse, rhoncus magnis et bibendum mattis ultrices dictumst justo. Mollis vivamus tellus maecenas libero eget, aliquam nunc gravida suspendisse, congue molestie malesuada iaculis. Curabitur mi suscipit dapibus litora aenean eleifend vel, augue leo venenatis habitant donec turpis. Senectus eros mus quis in venenatis luctus dui cum magna suspendisse, velit quisque penatibus nam pharetra eu suscipit nec quam, dignissim at natoque vulputate morbi proin a turpis facilisi. Leo sociis mi varius non id hendrerit dui nulla malesuada, potenti urna mollis libero sollicitudin venenatis magnis facilisi suspendisse class, ac posuere mattis arcu donec montes tellus quisque. Tristique venenatis euismod himenaeos cras neque ultrices imperdiet, senectus tortor mattis in porta magnis. Vehicula tempor hendrerit condimentum mattis sollicitudin et, sapien pulvinar eget fusce hac, eu ridiculus mauris tristique faucibus.</p> </div> <div class="sello"> <h1>L.</h1> </div> </div> <center><h5 id="cyala-sign"><a href="https://magicalcore.tumblr.com/">F a n i a h h / L a l a / C y a l a n a</a></h5></center>

<style>.absolute-tablilla {background: #eee; height: 350px; width: 480px; margin: 270px auto 20px auto; position: relative;} .rombo { position: absolute; top: 14px; left: 50%; width: 320px; height: 320px; margin-top: -160px; /* Half the height */ margin-left: -160px; /* Half the width */ transform: rotate(45deg); overflow: hidden; } .rombo img { margin: -100px -110px; transform: rotate(-45deg)!important; } .triangulo-tablilla {width: 0; height: 0; border-style: solid; border-width: 0 240px 240px 240px; border-color: transparent transparent #eee transparent; position: absolute; top: -240px} .triangulo-izquierdo {width: 0; height: 0; border-style: solid; border-width: 350px 0 0 350px; border-color: transparent transparent transparent #e5e5e5; position: absolute; z-index: 2; left: 0; bottom: 0; } .triangulo-derecho {width: 0; height: 0; border-style: solid; border-width: 0 0 350px 350px; border-color: transparent transparent #eee transparent; position: absolute; z-index: 2; right: 0; bottom: 0;} .carta-en-si {background: #fdfdfd; height: 400px; width: 380px; z-index: 1; position: absolute; left: 50px; bottom: 50px; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); transition: all 0.5s ease-in-out;} .carta-en-si:hover {height: 550px; #000;transition: all 0.5s ease-in-out;} .sello {background: linear-gradient(45deg, #5e0a1b, #682930, #c78990, #9b4a53, #682930); height: 100px; width: 100px; position: absolute; z-index: 3; border-radius: 100%; border: 15px solid #4c0514; bottom: 60px; left: 170px;} .sello h1 {font-family: 'Allura', cursive; font-size: 45px; color: rgba(255,255,255,1); line-height: 35px; text-align: center; margin-left: -7px;} .carta-en-si p {margin:0; padding: 30px; font-size: 10px; font-family: Playfair Display, sans-serif; text-align: justify; overflow: auto; max-height: 300px; color: #333;} .carta-en-si p::-webkit-scrollbar { width: 4px; } .carta-en-si p::-webkit-scrollbar-track { background: rgba(0,0,0,0.0); } .carta-en-si p::-webkit-scrollbar-thumb { background: #990033;} #cyala-sign {font-size: 6px; text-transform: uppercase; letter-spacing: 2px; margin:0; font-family: arial; margin-top: 10px;} #cyala-sign a { text-decoration: none!important;}</style>