Post | Sacred Magic // By CactusCodes

<br><link href="https://fonts.googleapis.com/css2?family=Mr+De+Haviland&family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"><div id="cococode"><div class="cocotop"><div class="cocoicon"><i class="fas fa-crow"></i></div><div class="cocotptitle"><b>Sacred</b>magic</div><div class="cocoinfo">mar, 10:00pm</div> <div class="cocoinfo">emergency room</div></div><div class="cocoimgbox"><div class="cocoimg"><div><a href="http://evassmat.com/a9ue" title="CactusCodes"><img src="http://via.placeholder.com/550x320"></a></div></div><div class="cocotiicon"><i class="fas fa-moon"></i></div><div class="cocotitle">Sacred</div><div class="cocosubtitle">sacred magic of eternity</div><div class="cocowave"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="var(--cocoblack)" fill-opacity="1" d="M0,160L40,149.3C80,139,160,117,240,128C320,139,400,181,480,170.7C560,160,640,96,720,85.3C800,75,880,117,960,112C1040,107,1120,53,1200,48C1280,43,1360,85,1400,106.7L1440,128L1440,320L1400,320C1360,320,1280,320,1200,320C1120,320,1040,320,960,320C880,320,800,320,720,320C640,320,560,320,480,320C400,320,320,320,240,320C160,320,80,320,40,320L0,320Z"></path></svg></div></div><div class="cocotextb"><div class="cocotext">—<b>Consequat nisl vel pretium lectus quam id leo. A cras semper auctor neque vitae tempus quam.—</b> Integer vitae justo eget magna fermentum iaculis eu. Quisque id diam vel quam elementum. Diam donec adipiscing tristique risus nec feugiat in fermentum. Et ligula ullamcorper malesuada proin libero nunc consequat interdum. Ante in nibh mauris cursus mattis molestie. Velit aliquet sagittis id consectetur purus. Aenean sed adipiscing diam donec adipiscing.<br><br> In tellus integer feugiat scelerisque varius morbi enim nunc. Felis donec et odio pellentesque diam volutpat commodo sed egestas. Fermentum leo vel orci porta non pulvinar. Nisl nisi scelerisque eu ultrices vitae auctor eu augue ut. A scelerisque purus semper eget duis. Iaculis urna id volutpat lacus. Egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Arcu dictum varius duis at consectetur.</div></div><div class="cocobottom"><div class="cocoinfo">Forever is the sacred word of misfortune</div></div></div>

<style>:root{--cocowhite: #ebebeb;--cocoblack: #1c1c1c;--cocoaccent: #48476f;--cocoaccentl2: #8861B5;--cocoaccentl: #7977BA;--cocobgglad: url(https://i.imgur.com/v38pqeK.png), linear-gradient(155deg, rgba(28,28,28,1) 30%, rgba(72,71,141,1) 170%);}#cococode{background: #222222;width: 550px;padding: 6px;margin: 0 auto;border-radius: 10px;font-family: roboto;color: var(--cocowhite);}#cococode .cocotop{background: var(--cocoblack);height: 20px;width: 550px;padding: 25px 0;overflow:hidden;display:flex;justify-content: center;border-radius: 10px 10px 0 0;}#cococode .cocoicon{color: var(--cocoaccent);font-size: 20px;position:relative;margin-right: 10px;}#cococode .cocotptitle{font-family: roboto;text-transform:uppercase;font-weight: 100;color: var(--cocowhite);letter-spacing: -1px;font-size: 20px;position:relative;width: 200px;height: 25px;overflow:hidden;}#cococode .cocotptitle b{color: var(--cocoaccent);font-weight: 900;}#cococode .cocoinfo{font-size: 7px;text-transform:uppercase;letter-spacing: 3px;margin-right: 5px;padding: 0 15px;background: var(--cocoaccent);color: var(--cocowhite);border: 1px solid #0e0e0e;border-radius: 5px;font-weight: 500;}#cococode .cocoquote{font-size: 7px;text-transform:uppercase;letter-spacing: 3px;margin-right: 5px;color: var(--cocoaccent);font-weight: 500;margin-top: 10px;}#cococode .cocoimgbox{width: 550px;height: 300px;overflow:hidden;}#cococode .cocoimg{width: 550px;height: 300px;background-color: var(--cocoaccent);}#cococode .cocoimg div{width: 550px;height: 300px;background-color: var(--cocoaccent);}#cococode .cocoimg div img{width: 550px;height: 300px;mix-blend-mode:multiply;}#cococode .cocotiicon{color: var(--cocowhite);position:relative;top: -250px;font-size: 100px;text-align:center;mix-blend-mode:overlay;opacity: .3;}#cococode .cocotitle{position:relative;font-family: Mr De Haviland;top: -270px;font-size: 100px;text-align:center;}#cococode .cocosubtitle{position:relative;font-family: roboto;top: -250px;font-size: 7px;text-transform:uppercase;letter-spacing: 3px;text-align:center;}#cococode .cocowave{position:relative;top: -220px;}#cococode .cocotextb{width: 550px;background: var(--cocobgglad);background-position: bottom;background-repeat: no-repeat;padding: 60px 0 80px 0;}#cococode .cocotext{font-size: 12.2px;width: 350px;text-align:justify;margin: 0 auto;padding: 0 25px;border-left: 2px solid var(--cocoaccent);line-height: 130%;color:var(--cocowhite);}#cococode .cocotext b{background: linear-gradient(to right, var(--cocoaccentl2) 0%, var(--cocoaccentl) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 500;}#cococode .cocobottom{background: var(--cocoblack);height: 20px;width: 550px;padding: 25px 0;overflow:hidden;display:flex;justify-content: center;border-radius: 0 0 10px 10px;}</style>