blue monday

[dohtml]<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">

<div id="monday">
<h1>TITLE HERE</h1>

 <div id="monday-txt">TEXT HERE

</div>
<li1></li1><li2></li2>
<blc></blc>
<tag>tagged: @[usernamehere]</tag>
</div>
<a href="oliviacodes.tumblr.com"><div style="width: 400px; margin: 10px auto; text-align: right; font-size: 8px; font-family: arial; text-transform: uppercase; color: #aaa;">oliviacodes</div></a>

<style>
#monday {height: 550px; width: 400px; background: #F0EAE1; margin: auto; position: relative}
#monday-txt {height: 300px; width: 240px; background: none; position: absolute; overflow: auto; left: 30px; top: 150px; font-family:roboto; color: #000; text-align: justify; font-size: 11px; letter-spacing: 0.5px; line-height: 16px; padding-right: 7px; box-sizing: border-box; display: block}
#monday-txt::-webkit-scrollbar {width: 7px;}
#monday-txt::-webkit-scrollbar-thumb {background: #000; border: 3px solid #F0EAE1;}
#monday-txt::-webkit-scrollbar-track {background: #F0EAE1!important; border: none!important}
#monday li1 {height: 1px; width: 255px; left: 30px; position: absolute; background: #000; display: block; left: 30px; top: 130px}
#monday li2 {width: 1px; height: 340px; left:285px; position: absolute; background: #000; display: block; top: 130px}
#monday li2:after {height: 1px; width: 50px; background: #000; display: block; position: absolute; content: ""; top: 355px; left: -50px}
#monday h1 {background: #5777E5; mix-blend-mode: multiply; position: absolute; left: 30px; font-family: rubik; font-style: italic; padding: 10px; font-size: 16px; text-transform: lowercase; font-weight: 700; letter-spacing: 2px; top: 80px; color: #000}
#monday tag {width: 255px; left: 30px; bottom: 35px; background: none; position: absolute; text-align: right; height: 20px; line-height: 20px; font-family: rubik; font-weight: 700; color: #000; font-style: italic; letter-spacing: 2px; font-size: 10px;}
#monday-txt::first-letter {font-family: rubik; float: left; font-weight: 900; font-size: 50px; margin: 20px; color: #F0EAE1; text-shadow: 1px 1px 0 #5777E5, -1px -1px 0 #5777E5, 1px -1px 0 #5777E5, -1px 1px 0 #5777E5;}
#monday-txt b {font-family: rubik; text-transform: lowercase; color: #5777E5; font-style: italic;}
#monday tag a {text-decoration: none; color: #000; font-family: rubik; font-weight: 900; }
#monday blc {height: 550px; width: 30px; background: #5777E5; position: absolute; right: 0}
</style>
[/dohtml]