the radio gays | article

<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Slab&display=swap" rel="stylesheet">
<style>

@font-face{font-family:OldNewspaper;src:url(https://cdn.statically.io/gh/finchscodes/fonts/main/OldNewspaperTypes.ttf);}

.body{
    margin: auto;
    width: 600px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.2);
    background: url(https://inspirationhut.net/wp-content/uploads/2014/09/grey-paper-texture.jpg)center;
    overflow: auto;
    font-family:'Roboto Slab';
    box-shadow: 2px 2px 5px #888
}
.header h2{
    font-family:'Roboto Slab';
    font-size: 45px;
    margin: 0px;
}
.promo h2{
    font-family:'Bebas Neue';
    font-size: 50px;
    margin: 0px;
}
.text h2{
    font-family:'Bebas Neue';
    font-size: 20px;
    padding: 10px;
    border-top: 3px solid #888;
    border-bottom: 3px solid #888;
    text-align: center;
    margin: 0px;
}
.header{
    border: 3px solid #888;
    padding: 20px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}
.sub{
    margin-top: -10px;
    font-family:'Bebas Neue'
}
.logo{
    border: 3px solid #888;
    padding: 10px;
    font-size: 17px;
    font-family:'Bebas Neue';
}
.promo{
    width: 60%;
    font-size: 13px;
    text-align: justify;
    margin-right: 20px
}
.text{
    font-family:'Roboto Slab';
    font-size: 13px;
    text-align: justify;
    margin: 10px 0px;
    column-count: 2;
    column-gap: 10px
}
b, i, .promo h2{
    border-radius:70% 30% 48% 52% / 43% 48% 52% 57%;
    text-align: center;
    background: rgba(209, 170, 25, 0.2);
    padding: 5px
}
</style>
<div class="body">
<div class="sub">eat ass gamers</div>
<div class="header">
<div style="margin-right: 10px">
<h2><b>The Radio Gays</b></h2>
<div class="sub">what is going on in the house of commons</div></div>
<div class="logo" style="margin-left: 20px;text-align: right">
<img src="https://64.media.tumblr.com/913d71bf17f56bec731ab5bb49b2b158/5e8ddbc10f79a2f4-1e/s400x600/0c997ed9679af53d6e62c1346244778db50da0a8.gifv" style="height: 75px; width: 75px;
border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); float: left; margin-right: 10px">
written by: <br>sus amogus your mom</div>
</div>
<div class="text">
<h2>"Who else is terrorizing your radios"</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci eu lobortis elementum nibh tellus molestie nunc non. Ut porttitor leo a diam sollicitudin tempor id eu. <b>Habitasse platea dictumst vestibulum rhoncus est. Eget arcu dictum varius duis at. At quis risus sed vulputate odio.</b> Eget mi proin sed libero enim sed faucibus turpis in. Enim sit amet venenatis urna cursus eget nunc scelerisque. Sed viverra ipsum nunc aliquet bibendum. Urna neque viverra justo nec ultrices dui sapien. Scelerisque eleifend donec pretium vulputate sapien nec sagittis. Nunc congue nisi vitae suscipit tellus mauris a diam. Lorem dolor sed viverra ipsum nunc aliquet bibendum enim.

<p>sociis natoque penatibus et magnis. Nunc sed id semper risus in hendrerit gravida rutrum. Donec ac odio tempor orci dapibus. Volutpat odio facilisis mauris sit amet massa. Felis imperdiet proin fermentum leo vel orci porta. Adipiscing vitae proin sagittis nisl rhoncus mattis. Suspendisse potenti nullam ac tortor vitae. Elit sed vulputate mi sit amet mauris commodo quis imperdiet. Interdum velit laoreet id donec ultrices tincidunt. Nec nam aliquam sem et. Imperdiet sed euismod nisi porta lorem mollis aliquam ut.

<p>At lectus urna duis convallis convallis tellus. Vel turpis nunc eget lorem dolor sed viverra ipsum. Nibh sed pulvinar proin gravida hendrerit lectus a. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan. Nulla aliquet enim tortor at. Mattis pellentesque id nibh tortor id aliquet. <i>Vulputate enim nulla aliquet porttitor lacus luctus. Diam in arcu cursus euismod quis viverra nibh. Leo in vitae turpis massa sed elementum tempus. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Cursus mattis molestie a iaculis at erat pellentesque adipiscing.</i> Sit amet mattis vulputate enim nulla aliquet porttitor lacus. Ac felis donec et odio pellentesque diam volutpat. Netus et malesuada fames ac turpis egestas integer eget aliquet.

</div>
<div class="logo" style="display: flex">
<div class="promo">
<h2>We're Hiring!</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci eu lobortis elementum nibh tellus molestie nunc non. Ut porttitor leo a diam sollicitudin tempor id eu. Habitasse platea dictumst vestibulum rhoncus est. Eget arcu dictum varius duis at. At quis risus sed vulputate odio.
</div>
<img src="https://64.media.tumblr.com/ac276daea35e705cca05237680c69cfa/692ce11a6d0a3a1f-ca/s400x600/e10b3d92bef85514e5e31b1e0e26e34f666e74fc.gifv" style="float: right; width: 40%; object-fit: cover;border: 1px solid rgba(0,0,0,0.2);">
</div>
  <div style="font-family:'Bebas Neue';font-size: 15px; text-align: right"><a href="https://finchscodes.tumblr.com" style="text-decoration: none;color: #000;" target="_blank"> Coded by Finch</a>
    </div>
</div>