the magnificent

<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gugi" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gothic+A1:100,200,300,400,500,600,700,800,900" rel="stylesheet">


<div id="noimg">
<h1>the magnificent</h1>
<h2>tag: username - <span>notes: here</span></h2>
<tri1></tri1><tri2></tri2>
 <txt>

TEXT HERE

</txt>
</div>
<a href="oliviacodes.tumblr.com"><div style="width: 600px; margin: 10px auto; text-align: right; font-size: 8px; font-family: arial; text-transform: uppercase; color: #aaa;">oliviacodes</div></a>
<style>
#noimg {width: 600px; height: 320px; background: #67E3B2; margin: auto; position: relative; outline: 1px solid #000; outline-offset: -10px; overflow: hidden}
#noimg::before {width: 0;
height: 0;
border-style: solid;
border-width: 60px 0 0 60px;
border-color: transparent transparent transparent #000;
content: ""; position: absolute; left: 10px; bottom: 10px;}
#noimg::after {width: 0;
height: 0;
border-style: solid;
border-width: 0 60px 60px 0;
border-color: transparent #000 transparent transparent;
content: ""; position: absolute; top: 10px; right: 10px;}
#noimg txt {height: 160px; width: 540px; box-sizing: border-box; background: #67E3B2; position: absolute; bottom: 30px; left: 30px; border: 25px solid transparent; outline: 1px solid #000; font-family: source code pro; font-size: 10px; -webkit-columns: 3; -moz-columns: 3; -ms-columns: 3; -o-columns: 3; overflow: auto; text-align: justify; border-bottom: 15px solid transparent; padding-bottom: 5px; z-index: 2; line-height: 15px; color: #000}
#noimg b:nth-child(odd) {background: #EAAC47; font-weight: 400}
#noimg b:nth-child(even) {background: #EA6897; font-weight: 400}
#noimg tri1 {width: 0;
height: 0;
border-style: solid;
border-width: 30px 30px 0 0;
border-color: #EAAC47 transparent transparent transparent;
position: absolute; display: block; top: 120px; left: 20px; z-index: 3}
#noimg tri2 {width: 0;
height: 0;
border-style: solid;
border-width: 0 0 30px 30px;
border-color: transparent transparent #EAAC47 transparent;
position: absolute; display: block; bottom: 20px; right: 20px; z-index: 3}
#noimg txt::-webkit-scrollbar {height: 7px}
#noimg txt::-webkit-scrollbar-thumb {background: #EA6897; border: 1px solid #000!important; }
#noimg txt::-webkit-scrollbar-track {background: #67E3B2!important; border: none!important; }

#noimg li1 {height: 1px; width: 500px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: absolute; background: #EA6897; z-index: 1; top: 160px; left: -60px}
#noimg h1 {font-family: gothic a1; font-weight: 900; text-transform: uppercase; font-size: 30px; color: #EAAC47; background: none; width: 500px; position: absolute; left: 20px; top: 60px; z-index: 5; text-align: left; height: 40px; line-height: 40px}
#noimg h2 {font-family: source code pro; text-align: left; text-transform: uppercase; font-size: 10px; width: 500px; position: absolute; background: none; left: 20px; top: 55px; font-weight: 400; letter-spacing: 1px; height: 20px; line-height: 20px; color: #000}
#noimg span {color: #EA6897}
#noimg a {text-transform: uppercase; color: #000; font-family: source code pro; text-decoration: none;}
</style>