04. Texting {misceláneo}

<head><link rel="stylesheet" href="//icons.cappuccicons.com/cpf.css"></link><link href="http://fonts.cdnfonts.com/css/balakhani" rel="stylesheet"></head><div class="srrwcel"><div class=celp-01><div class="srrph01">07:54 a.m.</div><div class="srrph02"><i class="cp cp-chat-bubble-o"></i> <i class="cp cp-instagram-o"></i> <i class="cp cp-wifi"></i> 100% <i class="cp cp-battery"></i></div></div><div class=celp-02><div class="srrphimg" style="background-image: url(https://via.placeholder.com/80);"></div><div class="srrph03">Un buen nombre</div><div class="srrph04">unbuencorreo@elirose.com</div></div><div class=celp-03>
    <div class="mine-msg">Hola</div>
    <div class="your-msg">Hi</div>
</div></div><a href="https://elirosecodes.tumblr.com/"style="text-decoration: none;"><div class="gnomo">elirose</div></a><style>.srrwcel{margin: auto; width: 300px; height: 500px; background-color: #fff; box-shadow: 3px 3px 5px #696969; display: flex; flex-direction: column; border-radius: 20px; border: 10px solid #000;} .celp-01{width: 300px; height: 30px; display: flex; color: #000; background-color: #f4f4f4;font-family: 'Balakhani', sans-serif; border-radius: 20px 20px 0px 0px;} .srrph01{margin: auto; margin-left: 10px; text-align: left; font-size: 11px;} .srrph02{margin: auto; margin-right: 10px; text-align: left; font-size: 11px;} .celp-02{display: flex; flex-direction: column; text-align: center; font-family: 'Balakhani', sans-serif; margin-top: 10px; height: 120px; margin-bottom: 10px; color: #000;} .srrphimg{margin: auto; width: 80px; height: 80px; border-radius: 50%; background-position: center; background-size: cover;} .srrph03{font-size: 20px; letter-spacing: 2px;} .srrph04{font-size: 9px;} .celp-03{width: 260px; height: 310px; margin: auto; font-size: 12px; font-family: calibri; color: #000; display: flex; flex-direction: column; overflow-y: scroll;} .celp-03::-webkit-scrollbar{display: none;} .mine-msg, .your-msg{width: 220px; padding: 5px; margin-bottom: 10px;} .mine-msg{background-color: #f2f2f2; text-align: right; border-radius: 15px 15px 0px 15px; margin-left: 30px;} .your-msg{background-color: #d4d4d4; border-radius: 15px 15px 15px 0px;} .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>