magic isn’t real | article

<!---hello gamers, i'd like to say that the dope ass font came from audreyscodes, please take a look at their amazing codes when you have the chance <3-->
<!--- photo cred: https://twitter.com/CelestialFang/status/1376520662416650241 -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<style>
@font-face {font-family: Bacalisties; src: url(https://dl.dropbox.com/s/5z6w7r9q6h9ahsq/Bacalisties.ttf?dl=0);}
.body{
	margin: auto;
    background: url(https://pbs.twimg.com/media/ExpiPjwUUAE4O9y?format=jpg&name=large)center;
    background-size:cover;
    border: 1px solid rgba(0,0,0,0.2);
    width: 550px;
    font-family: 'Montserrat';
    border-radius: 10px;
    z-index:1;
    position: relative;
    overflow: hidden
}
h2{
	font-family: 'Bacalisties';
    color: #6C4482;
    margin-top: -135px;
    text-shadow:-1px -1px 5px #fff,  1px -1px 5px #fff,-1px 1px 5px #fff, 1px 1px 5px #fff;
    text-align:center;
    position: relative;
    font-size: 40px;
    z-index: 4
}
.text{
	text-align: justify;
    font-size:14px;
    color: #fff;
    background: linear-gradient(rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 20%);
    padding: 20px;
    position: relative;
    z-index: 4;
    margin-top: -50px

}
.box{
	height: 200px;
    width: 200px;
    border: 5px solid #fff;
   transform: rotate(45deg);
   position: aboslute;
   opacity: 0.7
}
.box2{
	height: 100px;
    width: 100px;
    border: 5px solid #fff;
   transform: rotate(45deg);
   position: aboslute;
   margin-left: 225px;
   margin-top: -160px;
      opacity: 0.7
}
.box3{
	height: 100px;
    width: 600px;
    border-top: 5px solid #fff;
   position: aboslute;
   margin-top: -105px;
      opacity: 0.7
}
b, i{
	text-shadow: 1px 1px 1px #000;
    color: #9473A6
}
img{
	object-fit: cover;
    border: 3px solid #fff;
}
</style>
<div class="body">
<div class="box"></div>
<div class="box2"></div>
<div class="box" style="margin-left: 350px;margin-top: -160px"></div>
<div class="box3"></div>
<h2>magic isn't real</h2>
<div class="text">
<p>Suprise fuckos Lorem ipsum dolor sit amet, duo te accusamus reprimique, per id veri quaestio eleifend, noster delicatissimi mea te. <b>Te eripuit voluptua ius, usu id graeci fuisset, ut per unum sapientem comprehensam.</b> Iusto vitae iisque et mel. An sed ipsum consequat, ubique instructior ea mea.
<img src="http://25.media.tumblr.com/c8939ee37ee4f6220d2273dda2ff77a4/tumblr_mz9tbnC0nY1qg779zo2_500.gif" style="float: right; margin: 10px 0px 10px 10px; width: 200px; height: 100px"><p>An omnes putant sed, nec ex facilisi maluisset. Ea vim paulo propriae.<i> Vis eu hinc nominavi tacimates. Ea ipsum assum insolens pri, vim omnes omnium oblique ex, nec detraxit inciderint ea.</i> Mel impetus delenit constituto an. Pro ne error postea explicari, no nam aeque partem vivendum, sed an zril possit insolens.

<p>Sed sumo erat solet at, sed vidisse feugiat evertitur id. Odio vidit nostro vim in, legere salutandi evertitur vel no. No melius recteque vix, eum eu lobortis deseruisse. Ne stet ornatus docendi nec, doming latine phaedrum an. Erant aliquid deleniti quo no, illud nusquam mentitum ex mel.

<p>Cu pri volutpat dignissim instructior, nec te sale numquam placerat, vix primis suavitate et. Eum latine sententiae id, pro ei rebum suscipit vulputate. Per ad novum eleifend, in eam modo discere moderatius. In quidam malorum disputationi qui, perfecto legendos at eum. Vis eu vulputate rationibus. Id tantas doming persecuti eum, mel in facilis temporibus liberavisse.

<p>Ad oratio laudem liberavisse sit, an enim error omittantur vix, vero graece in quo. Sonet nusquam assentior est te, nostro utroque delicatissimi eu his, an duo brute labore. Habemus consetetur pro ex, eam ut justo neglegentur complectitur. Malis diceret mnesarchum ei ius.

</div>
</div>
<div style="margin: auto; font-size: 12px; font-family: 'Montserrat';text-align: center; padding: 10px"><a href="https://finchscodes.tumblr.com" style="text-decoration: none;color: #000;" target="_blank"> Coded by Finch</a></div>