long time coming

[code]
[dohtml]
<link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700" rel="stylesheet">

<div id="sunrise">
<div id="sunrise-top">
 <div id="sunrise-img" style="background-image: url(large image here, will resize to fit)">
 </div>
 <div id="sunrise-bg">
     <div id="sunrise-title">title here, keep it short!</div>
   </div>
</div>
   <div id="sunrise-main">post here!

</div>
<div id="sunrise-info">
 <div id="sunrise-gif" style="background-image: url(square gif here, will resize to fit);"></div>
 <div id="sunrise-gifscr"></div>
 <div id="sunrise-tag" title="tag">@tagged</div>
 <div id="sunrise-note">note here, keep it short</div>
</div>
</div>
<a href="http://oliviacodes.tumblr.com"><div style="width: 371px; margin: 10px auto; text-align: right; font-size: 8px; font-family: arial; text-transform: uppercase; color: #aaa;">oliviacodes</div></a>
<style>
   @-webkit-keyframes sunrise-title {
       0% {
           -webkit-transform: scale(1)
       }
       50% {
           -webkit-transform: scale(0.94)
       }
       100% {
           -webkit-transform: scale(1)
       }
   }
   @-moz-keyframes sunrise-title {
       0% {
           -moz-transform: scale(1)
       }
       50% {
           -moz-transform: scale(0.94)
       }
       100% {
           -moz-transform: scale(1)
       }
   }
   @-ms-keyframes sunrise-title {
       0% {
           -ms-transform: scale(1)
       }
       50% {
           -ms-transform: scale(0.94)
       }
       100% {
           -ms-transform: scale(1)
       }
   }
   @-o-keyframes sunrise-title {
       0% {
           -o-transform: scale(1)
       }
       50% {
           -o-transform: scale(0.94)
       }
       100% {
           -o-transform: scale(1)
       }
   }
   #sunrise {
       width: 350px;
       border: 20px solid #eee;
       outline: 1px solid #ccc;
       margin: auto;
       overflow: hidden
   }
   #sunrise-top {
       width: 350px;
       position: relative;
       height: 150px;
   }
   #sunrise-img {
       width: 350px;
       height: 150px;
       background-size: cover;
       background-position: center top;
       background-image: url(http://placehold.it/350x150);
       width: 350px;
       overflow: hidden;
       -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
       -ms-filter: grayscale(100%);
       -o-filter: grayscale(100%);
       position: absolute;
       top: 0px
   }
   #sunrise-bg {
       height: 150px;
       width: 350px;
       background: rgba(0, 0, 0, 0.6);
       position: absolute;
       top: 0px;
       overflow: hidden
   }
   #sunrise-title {
       font-family: raleway;
       font-weight: 900;
       font-style: italic;
       text-align: center;
       line-height: 150px;
       font-size: 30px;
       color: #DDD9F3;
       text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
       height: 150px;
       width: 350px;
       position: absolute;
       top: 0;
       -webkit-animation: sunrise-title 3s infinite;
       -moz-animation: sunrise-title 3s infinite;
       -ms-animation: sunrise-title 3s infinite;
       -o-animation: sunrise-title 3s infinite;
   }
   #sunrise-main {
       background: #333;
       padding: 30px;
       color: #eee;
       text-align: justify;
       font-family: poppins;
       font-size: 10px;
       letter-spacing: 0.3px;
       line-height: 14px;
   }
   #sunrise-main b {
       color: #DDD9F3;
       font-weight: 600
   }
   #sunrise-info {
       background: #ddd;
       position: relative;
       width: 350px;
       height: 100px;
   }
   #sunrise-gif {
       height: 60px;
       width: 60px;
       -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
       -ms-border-radius: 100%;
       -o-border-radius: 100%;
       -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
       -ms-filter: grayscale(100%);
       -o-filter: grayscale(100%);
       position: absolute;
       background-size: cover;
       background-image: url(http://placehold.it/60);
       top: 20px;
       right: 50px;
       background-blend-mode: multiply;
       background-color: #aaa;
       background-position: center;
   }
   #sunrise-gifscr {
       height: 60px;
       width: 60px;
       mix-blend-mode: multiply;
       background: #DDD9F3;
       top: 20px;
       right: 50px;
       position: absolute;
       -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
       -ms-border-radius: 100%;
       -o-border-radius: 100%;
   }
   #sunrise-tag {
       height: 50px;
       width: 170px;
       background: none;
       position: absolute;
       top: 20px;
       left: 50px;
       text-align: center;
       font-family: raleway;
       line-height: 50px;
       font-size: 30px;
       font-weight: 900;
       font-style: italic;
       color: #444;
       letter-spacing: -1px;
   }
   #sunrise-tag a {
       color: #444
   }
   #sunrise-tag:hover,
   #sunrise-tag a:hover {
       color: #756F99
   }
   #sunrise-note {
       height: 15px;
       width: 170px;
       bottom: 25px;
       left: 50px;
       background: none;
       position: absolute;
       font-family: poppins;
       text-align: center;
       font-weight: 700;
       color: #756F99;
       text-transform: uppercase;
       font-size: 9px;
       line-height: 15px;
       letter-spacing: 1px;
   }
</style>
[/dohtml][/code]