01. Night {post de rol}

<head><link href="//db.onlinewebfonts.com/c/759573e11a5e10f3e75b30c7a37d02a3?family=Old+London" rel="stylesheet" type="text/css"/></head><div class="nightsurfing"><div class="nightsurf-01"><div class="ns-first"><div class="ns-second"><div class="ns-txt">
TEXT HERE.
</div></div></div></div><div class="nightsurf-02"><div class="ns-third" style="background-image: url(https://i.imgur.com/jjTCEVR.png);"><div class="ns-fourth"><div class="ns-tlt">texto<br>aqui</div><div class="ns-sts">otro texto aqui</div></div></div></div></div><a href="https://elirosecodes.tumblr.com/"><div class="gnomo">elirose</div></a><style>.nightsurfing{width: 550px; height: 450px; margin: auto; display: flex;} .nightsurf-01{width: 300px; height: 450px; background-color: #000; display: flex;} .nightsurf-02{width: 250px; height: 450px; background-color: #000; display: flex; border-left: 1px solid #fff;} .ns-first{margin: auto; background-color: #fff; width: 260px; height: 410px; display: flex;} .ns-second{margin: auto; width: 230px; height: 380px; background: linear-gradient(to right, black 1px, transparent 1px) 0 0, linear-gradient(to right, black 1px, transparent 1px) 0 100%, linear-gradient(to left, black 1px, transparent 1px) 100% 0, linear-gradient(to left, black 1px, transparent 1px) 100% 100%, linear-gradient(to bottom, black 1px, transparent 1px) 0 0, linear-gradient(to bottom, black 1px, transparent 1px) 100% 0, linear-gradient(to top, black 1px, transparent 1px) 0 100%, linear-gradient(to top, black 1px, transparent 1px) 100% 100%; background-repeat: no-repeat; background-size: 20px 20px; display: flex;} .ns-txt{margin: auto; width: 200px; height: 350px; font-size: 10px; text-align: justify; overflow-y: scroll; font-family: "Times New Roman", Times, serif; line-height: 1.2em; color: #000;} .ns-txt::-webkit-scrollbar{display: none;} .ns-third{margin: auto; background-position: center; background-size: cover; background-color: #000; background-blend-mode: luminosity; width: 210px; height: 410px; display: flex; flex-direction: column;} .ns-fourth{margin: auto;} .ns-tlt{font-family: 'Old London', sans-serif; margin: auto; font-size: 40px; text-align: center; line-height: 0.75em; color: #fff; text-shadow: 0 0 3px #fff; letter-spacing: 1.5px; margin-bottom: 3px;} .ns-five{margin: auto;} .ns-sts{font-family:  "Times New Roman", Times, serif; font-size: 7px; text-align: center; text-transform: uppercase; letter-spacing: 0.01px; width: 180px; color: #fff; text-shadow: 0 0 1px #fff;} .gnomo{text-transform: uppercase; text-decoration: none; font-size: 8px; text-align: center; color: #000; font-family: verdana; margin-top: 5px; letter-spacing: 2px;}</style>