new rikuo

<style>

@font-face{
src:url(https://u4556289.dl.dropboxusercontent.com/s/hi4798mmhp6v5ym/HKGrotesk-Bold.otf?dl=0);
font-family:'text1';}

body{
background-color: white;
}

#firstdiv{
background-image:url(https://i.imgur.com/Lgy2aRM.png);
background-size: auto 90%;
background-repeat: no-repeat;
margin: auto;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
height: 80vh;
width: 90vw;
background-position: center;
box-shadow: 0px 0px 2px 2px gray;
}

#nextdiv{
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-image:url(https://www.transparenttextures.com/patterns/black-scales.png);
background-repeat: repeat;
background-color: transparent;
background-size: 15px;
opacity: .6;
}

#textdiv{
position: fixed;
    margin-left: 60.3vh;
    margin-top: 4vh;
    height: 200px;
    width: 400px;
    background: transparent;
    z-index: 2;
    font-size: 18px;
    font-family: 'text1', Arial;
    color: #5a5a5ad1;
letter-spacing:-.7px;
box-sizing: border-box;
}

#textflip{
-webkit-transform:rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
    left: -91px;
    top: 96px;
}

#textnorm{
position: absolute;
top: 2px;
left: 24px;
line-height: 21px;}

</style>

<div id="nextdiv">
</div>
<div id="firstdiv">
<div id="textdiv">

<div id="textflip">
THE YOUNG SEA DRAGON</div>

<div id="textnorm">
RIKUO<br>
6'3" // 237LBS
</div>

</div>
</div>