020 | My old Friend

<div class="p1" style="background: url(https://via.placeholder.com/500x600)"><div class="p0"><div class="p2"><div class="p4"><n>My old Friend</n><br>
   <m>hello darkness</m></div></div> <div class="p3">

¡Hola! Soy el texto normal. <n>¡Ahora soy texto en rojo!</n>

 </div></div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>


<style>.p1 {width: 500px; height: 600px; margin:0 auto}.p0 {border: 1px solid #fff;height: 600px; position: relative; z-index: 999!important;}.p2 {height: 180px; background: rgba(215, 30, 30,0.7); position: relative; top: 200px; outline: 10px solid (255,255,255,0.5)}.p3 {background: #fff; position: relative; width: 200px; height: 475px; padding: 30px; font: 11px calibri; text-align: justify; top: -150px; left: 20px; overflow: auto;}.p3 n {background: rgba(215, 30, 30,0.9); color: #fff;}.p4 {width: 200px; height: 100px; float: right; margin-right: 10px; text-align: center;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}.p4 n {font: 25px oswald; font-weight: bold; text-transform: uppercase; color: #fff; position: relative; top: 60px; border-bottom: 2px solid #fff;}.p4 m {font: 8px calibri; color: #fff; position: relative; top: 58px; text-transform: uppercase; letter-spacing: 6px;}</style><link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">