the new razzle dazzle | article

<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Montserrat&family=Poppins&display=swap" rel="stylesheet">
<style>
.body{
    background: linear-gradient(90deg, #869d72 0%, #83174a 100%);
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 20px;
    width: 85%;
    box-shadow: 1px 1px 16px #666;
    margin: auto;
    overflow: hidden
}
.header{
	padding: 20px
}
h2{
	font-family: 'Poppins';
    text-transform: uppercase;
    font-size: 20px;
    margin: 0px;
    color: #fff;
    font-weight: normal
}
h3{
	font-family: 'DM Serif Display';
    font-size: 40px;
    margin-top: -10px;
    color: #fff;
    font-weight: normal
}
h4{
	margin: 0px;
    margin-bottom: 5px;
    background: #3B3A3A;
    padding: 5px 20px;
    color: #fff;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-size: 13px;
    width: auto
}
.text{
	padding: 20px;
    margin: 20px;
    border: 1px solid rgba(0,0,0,0.2);
    font-family: 'Montserrat';
    font-size: 13px;
    background: #3B3A3A;
    color: #fff;
    text-align: justify;
    border-radius: 20px;
}
</style>
<div class="body">
<h4 style="text-align: center">you're telling me there's like five dino themed power rangers</h4>
<div class="header">
<img src="https://64.media.tumblr.com/2510ef074c4a0407bb12954d5b93ef3f/09eb7275fa6d4c3b-38/s400x600/fe82dec4da290b68c07482c776e67e5a7a326696.gifv" style="object-fit: cover; height: 200px; width: 200px; border-radius: 20px; float: right; border: 1px solid rgba(0,0,0,0.2);">
<h2>oh god they're color coordinated</h2>
<h3>the new razzle dazzle</h3>
</div>
<h4>that's definitely too much</h4>
<h4>we all can't have the t-rex as our zord</h4>
<h2 style="text-align: center; margin-top: 20px">you heard me, there's a DEATH ranger</h2>
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum consectetur libero id faucibus nisl tincidunt. Neque aliquam vestibulum morbi blandit cursus risus. Phasellus vestibulum lorem sed risus. Gravida neque convallis a cras semper auctor neque vitae. Eu feugiat pretium nibh ipsum consequat nisl vel pretium. Adipiscing elit duis tristique sollicitudin nibh sit. Semper feugiat nibh sed pulvinar proin gravida. Dignissim convallis aenean et tortor at risus viverra adipiscing. Et odio pellentesque diam volutpat commodo sed egestas.

<p>Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper. Volutpat diam ut venenatis tellus. Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Interdum varius sit amet mattis vulputate enim. Nibh mauris cursus mattis molestie a iaculis. Aliquam ut porttitor leo a diam. Amet tellus cras adipiscing enim eu turpis egestas pretium aenean. Id ornare arcu odio ut sem nulla pharetra. Turpis massa tincidunt dui ut ornare lectus. Et ultrices neque ornare aenean. Porta nibh venenatis cras sed felis. Ornare arcu odio ut sem nulla pharetra diam sit amet. Integer feugiat scelerisque varius morbi enim nunc. Accumsan sit amet nulla facilisi. Lobortis feugiat vivamus at augue.
</div>
<center><p><a href="https://finchscodes.tumblr.com/" target="_blank" style="color: #fff; text-decoration:none; font-size:12px;font-family:'poppins'">CODED BY FINCH</a></center>
</div>