<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

@font-face { font-family:"tokyo"; src: url('https://dl.dropbox.com/s/jgq18n62iha87v6/Tokyo-Regular.ttf'); }

@font-face { font-family: "Mont"; src: url('https://dl.dropboxusercontent.com/s/vycatbfi5hvz7he/Mont-Heavy.otf') ;}


body{
background-color: #151515;
font-family: 'roboto', sans-serif;
color:#4c4c4c;
letter-spacing:1px;
line-height:110%px;
background-image:url(https://assets.tumblr.com/images/x.gif?v=1);
}

a,a:link, a:active, a:visited{
color: lightblue;
text-decoration:none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-transform:uppercase;
}

a:hover {
color:red;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

b,bold,strong{
color:#cc0000;
text-transform:uppercase;
}

em,i,italic{
color:lightblue;
}


.p { padding-top: 5px;}
.ol, ul { margin-left: 20px; padding: 0px;list-style-type: square; }
.ul { list-style-type: square; }

::-webkit-scrollbar-thumb {
 display: none;
}

::-webkit-scrollbar {
 display: none;
}

::-moz-selection { background: red; }
::selection { background: red; }


#bg{
padding:30px;
z-index:99;
margin: auto;
left:0px;
top:0px;
bottom:0px;
right:0px;
width:530px;
position:absolute;
height:450px;
overflow-y:scroll;
background-color:#000;
overflow-x:hidden;
border-radius:10px;
box-shadow: 3px 3px 12px rgba(0,0,0,.4);}

@import "compass/css3";

.wave{
width: 550px;
position: absolute;
height: 550px;
transform:rotate(12deg);
margin-top:-25px;
}

.wavefill{
 fill:#1d1d1d;
}

#wave{
margin-left:140px;
margin-top:-30px;
width: 510px;
height:510px;
overflow: hidden;
position:absolute;
}

.sideimage {position:fixed;z-index:9999; width:220px; height:560px;margin-left:230px; margin-top:-55px; }

.sideimage img {width:auto; height:560px; position:fixed;}

#sidebar { width:210px; height:510px; position: fixed; margin-top:-30px; margin-left:320px; overflow:hidden; border-radius:0px 10px 10px 0px;}

.sidebar {font-family:"mont";
-webkit-text-stroke: 1px #cc0000;
-webkit-text-fill-color: rgba(0, 0, 0, 0);  font-size:42px;  width:200px; height:330px; text-align:justify; line-height:110%; margin-top:3px; margin-left:10px; word-spacing:-10px; text-transform:uppercase; }

 .content {
margin: auto;
left:-320px;
top:20px;
bottom:0px;
right:0px;
position:absolute;
width:400px;
height:450px;
color:#4c4c4c;
z-index:999;
border-radius:10px;
}

#sub{
margin-top:210px;
color:Red;
letter-spacing: 2.5px;
font-family:"mont";
text-align:left;
padding:0px;
font-size:30px;
width:370px;
height:52px;
margin-left:110px;
line-height:80%;
overflow:hidden;
position:fixed;
text-transform:uppercase;
}

#tit{
font-family:"mont";
margin-top:-30px;
-webkit-text-stroke: 2px red;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
font-size:60px;
line-height:110%;
word-spacing:10px;
text-transform:uppercase;
text-align:left;
padding:0px;
font-size:30px;
width:370px;
height:52px;
margin-left:110px;
overflow:hidden;
position:fixed;

}

#desc{
margin-top:10px;
margin-left:110px;
width:250px;
height:147px;
background-color:#151515;
color:#c4c4c4;
padding:15px;
position:fixed;
font-size:9px;
overflow-y:auto;
text-align:justify;
line-height:150%;
border-radius:10px;
box-shadow: 3px 3px 12px rgba(0,0,0,.4);}

#desc b{
background-color:red;
color:#fff;
padding:3px;
margin-right:5px;
line-height:220%;
font-size:8px;
}

#desc span{
font-size:15px;
font-family:"mont";
color:lightblue;
float:center;
padding:10px 5px 5px 5px;
}

#desc p{
margin-top:5px;
margin-bottom:-5px;
}


#desc1{
margin-left:110px;
margin-top:280px;
width:250px;
height:130px;
background-color:#151515;
color:#c4c4c4;
padding:15px;
position:fixed;
font-size:9px;
overflow-y:auto;
text-align:justify;
line-height:150%;
border-radius:10px;
box-shadow: 3px 3px 12px rgba(0,0,0,.4);}

#desc1 b{
background-color:red;
color:#fff;
padding:3px;
margin-right:5px;
line-height:220%;
font-size:8px;
}

#desc1 span{
font-size:15px;
font-family:"mont";
color:lightblue;
float:center;
padding:10px 5px 0px 0px;
}

#desc1 p{
margin-top:5px;
margin-bottom:-5px;
}


#leftimage {
width:auto;
height:510px;
margin-top:15px;
position:fixed;
margin-left:-70px;
}

#leftimage img{
width:auto;
height:510px;
}



</style>

<!-----------------------------NAVIGATION TAB----------------------------->
<div class="content">


<div id="leftimage"><img src="https://i.imgur.com/7pRRzKL.png"></div>

<div id="sub">The strongest Avenger</div>

<div id="tit">T H O R</div>

<div id="desc">
<span>UPDATE</span>
<p>Thor is currently alive and staying in his quarters at the Avenger's compound. However, he's always on the move thanks to his ability to summon the Bitfrost whenever he needs. He's still recovering from his fall from grace over the last five years, but the friends he has make the journey a little easier.
<p>
"<i>Rage and vengeance, anger, loss, regret -they’re all tremendous motivators, they really clear the mind so I’m good to go!</i>"
</div>

<div id="desc1">
<span>OOC</span>
<ul>
<li>This is character is based on the <b>MCU's</b> version of Thor. I don't mind discussing different plots, changes, or crossovers!</li>

<li>None of the gifs or artwork is mine.</li>

<li>Story over smut, and don't be afraid to PM me.</li>

<li>This profile was coded by <a href="https://roleplay.chat/profile.php?user=Koriandr.">Koriandr.</a> Thank you so much.</li></ul>
</div>


</div>

<div id="bg">

<div id="wave">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 496.88 599.63" xml:space="preserve" class="wave">
<path class="wavefill" d="M141.09.43c-40.93,54.16-46.63,129.3-27.29,194.38s60.89,121.4,107.45,170.8c28.34,30.07,59.23,58.67,79.33,94.78a196.54,196.54,0,0,1,19.34,139.24l280.08,0V0Z" transform="translate(-103.12)"/>
</svg>
</div>


<div class="sideimage"><img src="https://i.imgur.com/U2Vzywk.png" draggable="false"></div>

<div id="sidebar">
<div class="sidebar">
M I G H T Y
S T R O N G
M I G H T Y
S T R O N G
M I G H T Y
S T R O N G
M I G H T Y
S T R O N G
</div>
</div>


</div><!----ENTRIES END---->