mom i'm playing minecraft | article

<link href="https://fonts.googleapis.com/css2?family=Work+Sans&display=swap" rel="stylesheet">
<style>
    ::-webkit-scrollbar {width: 2px; background: #bbb;}
::-webkit-scrollbar-thumb {background: #b00b1e;width: 2px}
    @font-face {font-family: 'Calistoga'; src: url(https://cdn.statically.io/gh/finchscodes/fonts/main/Calistoga-Regular.ttf)}
    .body{
        background: url(https://cdn.pixabay.com/photo/2019/05/18/13/34/twigs-4211837__480.jpg)center;
        width: 550px;
        padding: 20px;
        margin: auto;
        font-family:'Work Sans';
        border: 1px solid rgba(0,0,0,0,0.2)
    }
    .contain{
        background: #fff;
        width: 530px;
        margin: auto;
        border: 1px solid rgba(0,0,0,0,0.2);
        display:flex;
        height: 530px
    }
    .text{
        text-align: justify;
        font-size: 10px;
        padding: 20px
    }
    h2{
    font-family: 'Calistoga';
    font-size: 16px;
    margin: 0px
    }
    .text::first-letter{
        float: left;
        margin-right: 5px;
        padding: 10px;
        color: #fff;
        background: #000;
        border-radius: 5px
    }
    .header{
        overflow: auto;
        height: 330px;
    }
    .title{
    padding: 10px;
    font-family:'Calistoga';
    background: #000;
    color: #fff;
    font-size: 20px;
    text-align: center
    }
    .ending{
        width: 510px;
        margin: auto;
        background: #000;
        padding: 10px;
        color: #fff;
        text-align: right
    }
    .letit{
        font-family: 'Calistoga';
        letter-spacing: 1px;
        color: #b00b1e;
        text-transform: lowercase;
        font-size:25px;

    }
</style>
<div class="body">
    <div class="contain">
<div style="width: 200px">
        <div class="header">
        <div class="text"><h2>mom i'm playing minecraft</h2>
        <p>Lorem ipsum dolor sit amet, an odio inani, in est semper inciderint omittantur. Quidam tractatos eu, vim ad audire nominati. Qui ad periculis assueverit adversarium. Mel rebum integre platonem ea. Mel veri omnesque vituperatoribus ei.

            <p>Cibo elaboraret ea per. Impetus adipisci reprimique mei ea, tation viderer eam eu, id mei labores admodum conceptam. Pri homero epicurei te, vel ex quis ponderum. Ad amet affert , te timeam sensibus mei, nec ei partem atomorum tractatos. Aliquid tibique salutatus duo id, duo melius insolens imperdiet eu. No duo viris appareat, cu tempor reformidans vel, eu mel modo fugit scriptorem.

                <p>Invenire voluptatum sed cu, doming ancillae noluisse pri ad, graecis tincidunt sea an. minimum deleniti neglegentur et. Putent oporteat sea ad, duo ex option patrioque reprimique. Est cibo laudem ad, quo atqui aeterno in. Mei id feugiat sensibus.

                    <p>Ad fastidii rationibus qui. Ei nec vidit dolore expetenda, in vitae consulatu duo. Eum ad cetero minimum. et enim mucius.

                        <p>Eum fugit dissentiunt cu. Sea dictas audire mediocritatem no. Utinam gubergren ei , no pro putant menandri. Mollis voluptua sensibus et . Ad eum nihil aperiri, te placerat vulputate qui. Ea doming iisque , hinc nullam recusabo nam ex.
</div></div>
<img src="https://pbs.twimg.com/media/EowpAddXcAA-rsi.jpg" style="width: 200px; height: 200px; object-fit: cover">
</div>
<div style="width: 330px;">
<div class="title">sus</div>
<div class="text" style="overflow: auto;height:445px">
<p>Lorem ipsum dolor sit amet, an odio inani, in est semper inciderint omittantur. Quidam tractatos eu, vim ad audire nominati. Qui ad periculis assueverit adversarium. Mel rebum integre platonem ea. Mel veri omnesque vituperatoribus ei.

    <p>Cibo elaboraret ea per. Impetus adipisci reprimique mei ea, tation viderer eam eu, id mei labores admodum conceptam. Pri homero epicurei te, vel ex quis ponderum. Ad amet affert , te timeam sensibus mei, nec ei partem atomorum tractatos. Aliquid tibique salutatus duo id, duo melius insolens imperdiet eu. No duo viris appareat, cu tempor reformidans vel, eu mel modo fugit scriptorem.

        <p><img src="https://i.pinimg.com/originals/e8/d4/2c/e8d42c480a72f119ac95835ce2aa2f63.jpg" style="float: right; margin-left: 10px; width: 100px; height: 100px; object-fit: cover">Invenire voluptatum sed cu, doming ancillae noluisse pri ad, graecis tincidunt sea an. minimum deleniti neglegentur et. Putent oporteat sea ad, duo ex option patrioque reprimique. Est cibo laudem ad, quo atqui aeterno in. Mei id feugiat sensibus.

            <p>Ad fastidii rationibus qui. Ei nec vidit dolore expetenda, in vitae consulatu duo. Eum ad cetero minimum. et enim mucius.

                <p>Eum fugit dissentiunt cu. Sea dictas audire mediocritatem no. Utinam gubergren ei , no pro putant menandri. Mollis voluptua sensibus et . Ad eum nihil aperiri, te placerat vulputate qui. Ea doming iisque , hinc nullam recusabo nam ex.<p>Lorem ipsum dolor sit amet, an odio inani, in est semper inciderint omittantur. Quidam tractatos eu, vim ad audire nominati. Qui ad periculis assueverit adversarium. Mel rebum integre platonem ea. Mel veri omnesque vituperatoribus ei.

                    <p>Cibo elaboraret ea per. Impetus adipisci reprimique mei ea, tation viderer eam eu, id mei labores admodum conceptam. Pri homero epicurei te, vel ex quis ponderum. Ad amet affert , te timeam sensibus mei, nec ei partem atomorum tractatos. Aliquid tibique salutatus duo id, duo melius insolens imperdiet eu. No duo viris appareat, cu tempor reformidans vel, eu mel modo fugit scriptorem.

                        <p>Invenire voluptatum sed cu, doming ancillae noluisse pri ad, graecis tincidunt sea an. minimum deleniti neglegentur et. Putent oporteat sea ad, duo ex option patrioque reprimique. Est cibo laudem ad, quo atqui aeterno in. Mei id feugiat sensibus.

                            <p>Ad fastidii rationibus qui. Ei nec vidit dolore expetenda, in vitae consulatu duo. Eum ad cetero minimum. et enim mucius.

                                <p>Eum fugit dissentiunt cu. Sea dictas audire mediocritatem no. Utinam gubergren ei , no pro putant menandri. Mollis voluptua sensibus et . Ad eum nihil aperiri, te placerat vulputate qui. Ea doming iisque , hinc nullam recusabo nam ex.
</div></div></div>
<div class="ending">
    <img src="https://i.ytimg.com/vi/YiEaaKr1jAw/maxresdefault.jpg" style="float: left; margin-right: 10px; height: 45px; width: 45px; object-fit: cover">
    <div class="letit">who hurt you</div><a href="https://finchscodes.tumblr.com" style="text-decoration: none;color: #fff; font-size: 12px;" target="_blank">CODED BY FINCH</a>
    </div>
</div>