Rikuo

<style>

@import url('https://fonts.googleapis.com/css?family=Srisakdi');

body{
background-image:url(https://www.transparenttextures.com/patterns/black-scales.png);
background-size: 15px;
background-color: #64b6d894;}

#allof{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-image:url(https://i.imgur.com/ti0zIZD.png);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: 0% 7vh;
overflow: hidden;
-webkit-filter:drop-shadow(0px 0px 10px black);}

#quotetext{
position: absolute;
top: 19vh;
left: 65vh;
font-size: 30px;
color: black;
font-family: 'Srisakdi', cursive;
font-weight: 800;
font-style: italic;
text-indent: -200px;
text-shadow: 1px 1px 3px rgba(0,0,0,0.46);
opacity: .7;
}

#blackbar{
position: absolute;
opacity: .7;
background: black;
height: 5px;
width: 300px;
left: -10px;
top: 73px;
border-radius:20px;
overflow: hidden;
}

#blackbar2{
position: absolute;
    opacity: .7;
    background: black;
    height: 5px;
    width: 439px;
    left: -210px;
    top: -9px;
    border-radius: 20px;
    overflow: hidden;
}


</style>

<div id="allof">
</div>

<div id="quotetext">
The cure for anything is salt water ; <br>sweat, tears or the sea.
<div id="blackbar">
</div>
</div>