Kratos Code. You're welcome.

<SCRIPT>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-------MUSIC PLAYER BY GLENTHEMES------->
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
</SCRIPT>

<STYLE>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Overlock+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend+Zetta&display=swap');

body {background: #000; overflow:hidden;}
 ::-webkit-scrollbar {display:none}

/*INTRO*/

.open {
 position:fixed;
 top:0px;
 bottom:0px;
 left:0px;
 right:0px;
 margin:auto;
 width:300px;
 height:200px;
 z-index:9999;
 text-align:center;
 color:#FFF;
}
img.opensesame {
 opacity:0.3;
 width:150px;
 -webkit-filter: grayscale(100%);
 transition: all 0.9s ease-in-out;
}
img.opensesame:hover {
 opacity:1;
 -webkit-filter: grayscale(0%);
 transition: all 0.9s ease-in-out;
}

/*STATS*/

#stats {
 opacity: 0.0;
 position:fixed;
 bottom:0px; top:0px;
 left:0px; right:0px;
 width:100%; height:100%;
 margin:auto;
 background-color:#010101;
 z-index: 0;
 overflow:hidden;
 transition: all 0.9s ease-in-out;
}
 #stats:target {
 opacity:1;
 overflow:hidden;
 z-index:99999999;
 transition: all 0.9s ease-in-out;
}
.stsbck {
 position:fixed; top:0px; bottom:0px;
 left:0px; right:0px; margin:auto;
 width:1300px; height:650px; opacity:0.5;
 -webkit-filter: grayscale(70%);
 background-image: url('https://i.imgur.com/pHrB68k.jpg');
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size:cover;
 border:1px solid #FFF;
}
 .stscont {
 position:fixed;
 top:0px; bottom:0px;
 left:0px; right:0px;
 margin:auto;
 width:550px;
 height:460px;
 z-index:999;
}
.stsKface {
 position:fixed;
 float:left;
 margin-top:0px;
 opacity:0.8;
 border:5px solid #D2CCD6;
 box-shadow:-5px 5px 5px #111;
}
.stsKface img {
 height:450px;
}
.stsAface {
 float:right;
 margin-top:0px;
 opacity:0.8;
 border:5px solid #D2CCD6;
 box-shadow:5px 5px 5px #111;
}
.stsAface img {
 height:450px;
}
.stsKleft {
 position:absolute;
 float:left;
 margin-top:20px;
 z-index:999;
 margin-left:22px;
 padding:20px;
 width:170px;
 height:370px;
 border:1px solid #FFF;
 opacity:0.9;
 color:transparent;
 text-align:left;
 text-shadow:1px 1px 0 transparent;
 transition: all 0.9s ease-in-out;
}
.stsKleft:hover {
 opacity:0.9;
 color:#AAABB4;
 text-shadow:1px 1px 0 #000;
 transition: all 0.9s ease-in-out;
}
.stsAright {
 position:fixed;
 float:right;
 margin-top:20px;
 z-index:999;
 margin-left:313px;
 padding:20px;
 width:170px;
 height:370px;
 border:1px solid #FFF;
 opacity:0.9;
 color:transparent;
 text-align:right;
 text-shadow:1px 1px 0 transparent;
 transition: all 0.9s ease-in-out;
}
.stsAright:hover {
 opacity:0.9;
 color:#AAABB4;
 text-shadow:1px 1px 0 #000;
 transition: all 0.9s ease-in-out;
}
.stsqtcont {
 position:fixed;
 top:0px; bottom:0px;
 left:0px; right:0px;
 margin:auto;
 width:1300px;
 height:400px;
 z-index:99;
}
.stsAXE {
 position:fixed;
 float:left;
 margin-top:0px;
 margin-left:130px;
 opacity:0.6;
 -ms-transform: rotate(-50deg);
 -webkit-transform: rotate(-50deg);
 transform: rotate(-50deg);
}
.stsAXE img {
 height: 350px;
 }
.stsBOW {
 float:right;
 margin-top:-10px;
 opacity:0.6;
 margin-right:150px;
 -ms-transform: rotate(50deg);
 -webkit-transform: rotate(50deg);
 transform: rotate(50deg);
}
.stsBOW img {
 height: 360px;
}
.stsqtK {
 position:fixed;
 margin-left:40px;
 margin-top:70px;
 width:300px;
 text-align:center;
}
.stsqtA {
 position:fixed;
 float:right;
 margin-left:965px;
 margin-top:60px;
 width:300px;
 text-align:center;
}
img.miniqtK {
 width:45px;
 height:45px;
 margin-left:5px;
 border:5px solid #AAA;
 opacity:0.7;
 -webkit-filter: grayscale(70%);
}
img.miniqtA {
 width:45px;
 height:45px;
 margin-left:5px;
 margin-bottom:-68px;
 border:5px solid #fff;
 opacity:0.7;
 -webkit-filter: grayscale(70%);
}
.stsqtcont h1 {
 font-family: 'Caesar Dressing', cursive;
 font-weight:300;
 font-size:90px;
 color:#ACACAC;
 text-shadow:2px 2px 0 #4A4A4A;
}
.stsqtcont h2 {
 margin-top:-60px;
 font-size:20px;
 color:4A4A4A;
 font-family: 'Overlock SC', cursive;
 line-height:17px;
}
a.white {
 text-decoration:none;
 color:#fff;
 font-size:12px;
 font-family: 'Lexend Zetta', sans-serif;
 text-transform:uppercase;
 font-style:italic;
 border-bottom:1px solid #FFF;
 transition: all 0.9s ease-in-out;
}
a.white:hover {
 color:4A4A4A;
 transition: all 0.9s ease-in-out;
}

/*STORY*/

#story {
 opacity: 0.0;
 position:fixed;
 bottom:0px; top:0px;
 left:0px; right:0px;
 width:100%; height:100%;
 margin:auto;
 background-color:#010101;
 z-index: 0;
 overflow:hidden;
 transition: all 0.9s ease-in-out;
}
#story:target {
 opacity:1;
 overflow:hidden;
 z-index:99999999;
 transition: all 0.9s ease-in-out;
}
.stobck {
 position:fixed; top:0px; bottom:0px;
 left:0px; right:0px; margin:auto;
 width:1300px; height:650px; opacity:1;
-webkit-filter: grayscale(0%);
 background-image: url('https://i.imgur.com/rFSKglI.jpg');
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size:cover;
 border:1px solid #CBDBEA;
}
.stocontainer {
 position:fixed;
 top:0px; bottom:0px;
 left:0px; right:0px;
 margin:auto;
 width:1200px;
 height:600px;
}
.stobox1 {
 position:absolute;
 float:left;
 margin-top:0px;
 left:0px;
 padding:50px;
 height:500px;
 width:237px;
 background-color:#111;
 color:transparent;
 color:#fff;
 opacity:0.7;
 transition: all 0.9s ease-in-out;
}
.stobox1:hover {
 opacity:0.9;
 transition: all 0.9s ease-in-out;
}
img.avi {
 margin-left:-50px;
 margin-top:-50px;
 height:600px;
 opacity:0.1;
}
.stosto {
 position:fixed;
 margin-top:-375px;
 width:215px;
 opacity:1;
 padding:10px;
 text-align:justify;
 font-size:7px;
 letter-spacing:1px;
 text-transform:uppercase;
 font-family: 'GFS Didot', serif;
 z-index:9999;
}
.stostobo {
 margin-top:-180px;
 margin-left:-50px;
 text-align:center;
 opacity:0.2;
 width:334px;
}
.stosto i {
 color:#CCAB5E;
 font-size:12px;
 text-transform:lowercase;
}
.stosto b {
 color:#778CA1;
}
.athenaquote h1 {
 font-size:6px;
 text-align:right;
 letter-spacing:2px;
 text-transform:uppercase;
 font-family: 'Lexend Zetta',
 sans-serif;
 border-bottom:1px solid #FFF;
 padding:10px;
}
.athenaquote h2 {
 text-align:left;
 font-size:9px;
 text-transform:uppercase;
 letter-spacing:10px;
}
.athenaquote {
 margin-left:710px;
 margin-top:480px;
 width:450px;
 color:#FFF;
 opacity:1;
 padding:10px;
 transition: all 0.9s ease-in-out;
}
.athenaquote:hover {
 background-color:#000;
 opacity:0.6;
 transition: all 0.9s ease-in-out;
}
.stonext {
 margin-top:-20px;
 float:right;
}
.stonext a {
 text-decoration:none;
 color:#888;
 font-style:italic;
 font-size:15px;
}
.stonext a:hover {
 color:CCAB5E;
}


/*SKILLS*/

#skills {
 opacity: 0.0;
 position:fixed;
 bottom:0px; top:0px;
 left:0px; right:0px;
 width:100%; height:100%;
 margin:auto;
 background-color:#010101;
 z-index: 0;
 overflow:hidden;
 transition: all 0.9s ease-in-out;
}
#skills:target {
 opacity:1;
 overflow:hidden;
 z-index:99999999;
 transition: all 0.9s ease-in-out;
}
a.blue {
 text-decoration:none;
 border-bottom:1px solid #FFF;
 padding:5px;
 color:#4CEFF4;
 font-size:18px;
 opacity:0.8;
 font-style:italic;
 transition: all 0.9s ease-in-out;
}
a.blue:hover {
 color:#FFF;
 opacity:1;
 transition: all 0.9s ease-in-out;
}
.skillscontainer {
 position:fixed;
 bottom:0px; top:0px;
 left:0px; right:0px;
 margin:auto;
 width:1300px; height:650px;
 background-image: url('https://i.imgur.com/L0bUYEp.jpg');
 border:1px solid #4CEFF4;
 background-position: center;
 background-repeat: no-repeat;
 background-size:cover;
}
.skillavibox {
margin-left:660px;
margin-top:100px;
width:440px;
height:520px;
padding:40px;
text-align:center;
}
img.la {
 margin-top:2px;
 margin-bottom:2px;
 height:55px;
 width:55px;
 opacity:0.3;
 transition: all 0.9s ease-in-out;
}
img.la:hover {
 opacity:1;
 transition: all 0.9s ease-in-out;
}
a.weapon span {
 position:fixed;
 top:0px;
 bottom:0px;
 left:0px;
 right:0px;
 margin:auto;
 height:600px;
 width:1200px;
 display:none;
 z-index:100;
}
a.weapon:hover span {
 margin-left:300px;
 display:block;
 padding:25px;
 width:420px;
 height:548px;
 background-color:#000;
 opacity:0.8;
 color:#FFF;
 text-align:justify;
}
.skillscontainer b {
 color: #8CF9F6;
}
.skillscontainer h1 {
 margin-top:0px;
 font-family: times;
 text-transform:uppercase;
 text-align:center;
 font-size:40px;
 color:#555;
}
.skillscontainer h2 {
 margin-top:-30px;
 font-family: 'Lexend Zetta', sans-serif;
 text-transform:uppercase;
 font-size:5px;
 letter-spacing:2px;
}
img.skillevi {
 margin-left:-20px;
 margin-top:-520px;
 width:450px;
 opacity:0.3;
}
img.skillshield {
 margin-left:-20px;
 margin-top:-265px;
 width:450px;
 opacity:0.3;
}
img.skillsblades {
 margin-left:-20px;
 margin-top:-100px;
 width:450px;
 opacity:0.3;
}
img.skillsbow {
 margin-left:-20px;
 margin-top:-298px;
 width:458px;
 opacity:0.1;
}
p {
 background-color:#111;
 padding:5px;
 margin-top:2px;
 margin-bottom:2px;
 text-transform:uppercase;
 font-family:arial;
 font-size:9px;
}
.skillscontainer i {
 color:#FFF;
 background-color:#0C5B58;
 text-transform:uppercase;
 font-family:arial;
}


/*FRIENDS*/

#friends {
 opacity: 0.0;
 position:fixed;
 bottom:0px; top:0px;
 left:0px; right:0px;
 width:100%; height:100%;
 margin:auto;
 background-color:#fff;
 z-index: 0;
 overflow:hidden;
 transition: all 0.9s ease-in-out;
}
#friends:target {
 opacity:1;
 overflow:hidden;
 z-index:99999999;
 transition: all 0.9s ease-in-out;
}
.contactsbck {
 position:fixed;
 bottom:0px; top:0px;
 left:0px; right:0px;
 margin:auto;
 width:1200px; height:660px;
 background-color:#000;
 background-image: url('https://i.imgur.com/b0u12xQ.jpg?2');
 background-position: center;
 background-repeat: no-repeat;
 background-size:cover;
 border:1px solid #FFF;
}
.contactscontainer {
 position:fixed;
 bottom:0px; top:0px;
 left:0px; right:0px;
 margin:auto;
 width:800px;
 height:600px;
 opacity:1;
 border:1px solid #FFF;
 background-color:transparent;
}
.contactslore {
 float:left;
 margin-top:0px;
 margin-left:0px;
 margin-bottom:10px;
 width:300px; height:200px;
 background-color:#FFF;
 padding:50px;
 opacity:1;
 color:#555;
 font-size:11px;
 text-align:justify;
}
.contactslore2 {
 float:right;
 margin-top:20px;
 margin-right:19px;
 padding:10px;
 width:340px;
 height:240px;
 border-bottom: 1px solid #FFF;
 color:#FFF;
 text-align:center;
}
.contactsRPC {
 float:right;
 margin-right:0px;
 margin-top:19px;
 width:300px;
 height:200px;
 background-color:#FFF;
 padding:50px;
 opacity:1;
 color:#555;
 font-size:11px;
 text-align:justify;
 transition: all 0.9s ease-in-out;
}
.contactsRPC2 {
 margin-left:19px;
 margin-top:320px;
 padding:10px;
 width:340px;
 height:240px;
 color:#FFF;
}
.contactsRPC2box {
 height:200px;
 overflow:auto;
 margin-top:20px;
}
img.dragon {
 float:left;
 margin-left:-50px;
 margin-top:-50px;
 margin-right:20px;
 height:300px;
}
img.jor {
 float:right;
 margin-right:-50px;
 margin-top:-50px;
 margin-left:20px;
 height:300px;
}
.contactscontainer h1 {
 margin-top:-10px;
 font-size:18px;
 line-height:40px;
 text-align:center;
 font-family:georgia;
 letter-spacing:5px;
}
.contactscontainer h2 {
 margin-left:50px;
 font-family: georgia;
 background-color:#D2E2FB;
 color:#555;
 text-transform:lowercase;
 font-size:8px;
 border:1px solid #CCC;
 font-style:italic;
 padding:5px;
}
.contactscontainer h3 {
 text-align: right;
 margin-right:10px;
 font-family: 'Lexend Zetta', sans-serif;
 text-transform:uppercase;
 font-size:9px;
 letter-spacing:2px;
}
img.friend {
 float:left;
 height:90px;
 margin-right:5px;
 margin-left:0px;
}
img.conlore {
 height:110px;
 margin-top:1px; margin-bottom:1px;
 border:2px solid #FFF;
 -webkit-filter: grayscale(0%);
 transition: all 0.9s ease-in-out;
}
img.conlore:hover {
 -webkit-filter: grayscale(100%);
 transition: all 0.9s ease-in-out;
}
.friendbox {
 border:1px solid #FFF;
 text-align:justify;
 font-size:8px;
 letter-spacing:1px;
 text-transform:uppercase;
 height:90px;
 margin-bottom:10px;
 background-color:transparent;
 transition: all 0.9s ease-in-out;
}
.friendbox:hover {
 background-color:#FFF;
 transition: all 0.9s ease-in-out;
 color:#000;
}
a.navy {
 text-decoration:none;
 color:#0F2969;
 font-family: 'Lexend Zetta', sans-serif;
 text-transform:uppercase;
}
a.navy:hover {
 color:#FF0000;
}

/*OOC*/

#ooc {
 opacity: 0.0;
 position:fixed;
 bottom:0px; top:0px;
 left:0px; right:0px;
 width:100%; height:100%;
 margin:auto;
 background-color:#000;
 z-index: 0;
 overflow:hidden;
 transition: all 0.9s ease-in-out;
}
#ooc:target {
 opacity:1;
 overflow:hidden;
 z-index:99999999;
 transition: all 0.9s ease-in-out;
}
.oocbck {
 position:fixed; top:0px; bottom:0px;
 left:0px; right:0px; margin:auto;
 width:1300px; height:650px; opacity:1;
 background-image: url('https://i.imgur.com/BSqDyMg.jpg');
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size:cover;
 }
.oocontainer {
 position:fixed;
 top:0px; bottom:0px;
 left:0px; right:0px;
 margin:auto;
 width:1100px;
 height:500px;
}
.oocbox {
 float:right;
 margin-right:100px;
 margin-top:120px;
 height:400px;
 width:250px;
 color:#FFF;
 background-color:transparent;
 opacity:1;
 font-family: 'Lexend Zetta', sans-serif;
 transition: all 0.9s ease-in-out;
 text-transform:uppercase;
 text-align:justify;
 font-size:8px;
}
.oocbox h1 {
 text-align:center;
 text-transform:uppercase;
 border-bottom:1px solid #FFF;
 font-size:16px;
}
.oocbox b {
 background-color:#79362E;
 padding:1px;
 text-transform:uppercase;
 font-size:11px;
 letter-spacing:2px;
 font-size:6px;
}
a.bye {
 text-decoration:none;
 color:#FFF;
 border-bottom:1px solid #FFF;
 font-size:13px;
 font-family: 'Lexend Zetta', sans-serif;
 transition: all 0.9s ease-in-out;
 text-transform:uppercase;
 }
a.bye:hover {
 color:#79362E;
}
.badbaby {
 margin-top:-450px;
 margin-left:-1260px;
 text-align:center;
 z-index:999;
 opacity:0.5;
 transition: all 0.9s ease-in-out;
}
.badbaby img{
 height:50px;
}
.badbaby:hover {
 opacity:1;
 transition: all 0.9s ease-in-out;
}
/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
 position:fixed;
 bottom:20px;
 left:0px;
 right:0px;
 margin:auto;
 width:200px;
 text-align:center;
 display:flex;
 z-index:999999999;
}
#glenplayer02 a {text-decoration:none;}
#glenplayer02 > div {
 align-self:center;
 -webkit-align-self:center;
}
.music-controls {
 user-select:none;
 -webkit-user-select:none;
 width:13px;
 font-size:13px;
 cursor:pointer;
}
.playy, .pausee {
 color:#590E15;} /* color of play & pause buttons */
.pausee {display:none;}
 .sonata {
 margin-left:10px;
 color:#590E15; /* color of music note symbol */
}
.labeltext {
 margin-left:8px;
 font-family: times;
 font-size:10px;
 text-transform:uppercase;
 letter-spacing:1px;
 font-weight:bold;
 color:#333; /* color of song title */
}
</STYLE>

<BODY>
<div class="open"><a href="#stats"><img src="https://i.imgur.com/9gXN0in.jpg" class="opensesame"></a></div>

<!-------MUSIC PLAYER BY GLENTHEMES------->
<div id="glenplayer02">
 <div class="music-controls" onclick="if (!window.__cfRLUnblockHandlers) return false; songstart();" data-cf-modified-6c1879657ebab301f4b90e37-="">
 <div class="playy">►</div>
 <div class="pausee">❚❚</div>
 </div>
 <div class="sonata">♫</div>
 <div class="labeltext">click for ambience</div>
</div><!--end music player-->

<audio id="tune" src="https://www.dropbox.com/s/9pbtqx0vv9w79xp/1.%20God%20of%20War%20%20God%20of%20War%20OST.mp3?dl=1" type="audio"></audio>


<div class='stats'>
<div id='stats'>

<div class="stsbck"></div>

<div class="stscont">
<div class="stsKleft">

<font style="
 font-family:georgia;
 text-align:left;
 letter-spacing:-2px;
 text-transform:uppercase;
 font-style:italic;
 font-weight:bold;
 line-height:30px;
 font-size:30px;">

 <br>

Demigod<br>
Father <br>
Widower <br>
Spartan
Male 6'7
Hetero

</font>

 <br><br>

<font style="
 font-size:10px;
 text-transform:uppercase;
 line-height:10px; color:#777;
 text-shadow:0 0 0;">

The Ghost of Sparta
The God of War
The Slave of the Gods
The Fist of Ares
The Marked Warrior
Oathbreaker
The Slayer of Gods
Destroyer of Worlds
Champion of the Gods
Sinker of Atlantis
Slayer of Ares
Killer of Argos
Lord Kratos
Godslayer

</font>

</div>

<div class="stsAright">

<font style="
 font-family:georgia;
 text-align:left;
 letter-spacing:-2px;
 text-transform:uppercase;
 font-style:italic;
 font-weight:bold;
 line-height:30px;
 font-size:30px;">

 <br>

Demigod
Son 'Boy'<br>
Male<br>
Midgard <br>
Jötunn <br>
Loki

</font>


</div>

<div class="stsKface"><img src="https://i.imgur.com/79hcfrp.jpg?2"></div>
<div class="stsAface"><img src="https://i.imgur.com/QY4d4gS.jpg?2"></div>
</div>

<div class="stsqtcont ">

<div class="stsAXE"><img src="https://i.imgur.com/Mv7Qozr.png"></div>
<div class="stsBOW"><img src="https://i.imgur.com/67CNXcm.png?1"></div>

<div class="stsqtK">

<h1>kratos</h1>

<h2>We will be the gods we
<font style="color:#DDD; font-style:italic;">choose</font> to be,
not those who have been. Who I was is not who you will be.<br> We must be
<font style="color:#DDD; font-style:italic;">better.</font></h2>

<img src="https://i.imgur.com/veFfN4E.gif" class="miniqtK">
<img src="https://i.imgur.com/e0K5w94.gif" class="miniqtK">
</div>

<div class="stsqtA">

<img src="https://i.imgur.com/AWMEe7S.gif" class="miniqtA">
<img src="https://i.imgur.com/HmxZ5Zo.gif" class="miniqtA">

<h1>atreus</h1>

<h2>Is this what it is to be a <font style="color:#DDD; font-style:italic;">God?</font> <br>
Is this how it always ends? <br> Sons killing their mothers... <br>
their <font style="color:#DDD; font-style:italic;">fathers?</font></h2>

</div>

<div style="margin-left:150px; margin-top:480px;">
<a href="#story" class="white">onward</a></div>

</div>


</div></div>










<div class='story'>
<div id='story'>

<div class="stobck"></div>

<div class="stocontainer">
<div class="stobox1">

<img src="https://i.imgur.com/G4ihzZb.jpg?1" class="avi">

<div class="stosto">
<font style="font-size:25px; font-style:italic; color:#7E6F36;">B</font>orn in Sparta,
<b>Kratos</b> was a respected soldier and <i>General</i>, up until he lost his <i>wife and daughter</i> when he <u>killed</u> them,
albeit by accident, under Ares' command, earning him the nickname of <b>"The Ghost of Sparta"</b>,
after which he renounced his service to the war god,
eventually killing him and ascending to <i>Godhood</i> before exacting <b>revenge</b> against his <b>father</b>,
the Olympians and the Titans who betrayed him.
<br><br>
After successfully exacting his vengeance,
Kratos escaped into the world of <i>Norse Gods</i> by settling down in <b>Midgard</b>
in Ancient Norway where he married another woman named <i>Faye</i> and bore a son named <b>Atreus</b> who together,
after the boy's mother’s death, would embark on a <u>journey</u> to spread her ashes at the highest peak of all the nine realms.
</div>

<div class="stostobo">

<img src="https://64.media.tumblr.com/df598a00d93312ac9a19f250f0505885/tumblr_p8607jR2uP1u18l8xo7_400.gif" width="334">

</div>
</div>

<div class="athenaquote">
<h1>There's nowhere you can hide, Spartan. <br>
Put as much distance between you and the truth as you want, it changes nothing.
Pretend to be everything you are not:
teacher, husband, father.
But there is one unavoidable truth you will never escape:
You cannot change.
You will always be a monster.
<h2>? I know. But I am your monster no longer</h2>

<div class="stonext">
<a href="#skills">next</a>
</div>

</div>
</div>


</div></div>


























<div class='skills'>
<div id='skills'>

<div class="skillscontainer">
<div class="skillavibox">


 <a class="weapon">
<img src="https://i.imgur.com/FBmilR8.jpg?1" class="la">
 <span>
 <h1>Leviathan AXE</h1>
<h2>Forged by the <b>Huldra Brothers</b>, Sindri, and Brok, who also forged Thor's hammer, Mjölnir
this weapon was made to oppose the power of Mjölnir and inspired by the epic size of Jörmungandr,
Brok suggests the axe be named <i>Leviathan</i>.
According to Sindri when first meeting him,
the blade was made for and given to <b>Laufey</b>
who passed it on to her husband Kratos, before her death.</h2>

<p><i>Executioner's Cleave:</i> A brutal cleaving axe attack that deals massive damage.</p>
<p><i>Grinding Storm:</i> An axe attack that hits enemies multiple times and locks them down.</p>
<p><i>Pride of the Frost:</i> A Heavy Attack finisher at the end of the Light Attack Combo.</p>
<p><i>Freezing Burst:</i> A charged up variant of the heavy throw that causes an explosion on impact that inflicts Frost Damage.</p>
<p><i>Precision Throw Combo:</i> After landing a precision axe throw (weak points and headshots).</p>
<p><i>Frost Rush:</i> While sprinting, perform a leaping attack.</p>
<p><i>Permafrost:</i> Performs attacks in quick succession without sustaining damage to power up the Leviathan Axe and inflict Frost damage on every hit.</p>
<p><i>Whirling Storm:</i> While evading perform a quick axe attack.</p>
<p><i>Hunter-Killer:</i> Aim for several (3-5) for one single blow.</p>
<p><i>Precision Frost Burst:</i> Precision Throw which creates a massive explosion on impact.</p>
<p><i>Leviathan’s Fury:</i> While sprinting perform a massive leaping attack.</p>
<p><i>Glacial Permafrost:</i> Increases the amount of Permafrost gained on every successful axe hit.</p>
<p><i>Evasive Storm:</i> A quick boomerang throw.</p>
<p><i>Returning Whirlwind:</i> While Bare-Handed, instantly recall the Leviathan Axe and perform a powerful spinning attack.</p>
<p><i>Whirlwind Sweep:</i> Sweeping attack.</p>
<p><i>Whirlwind Throw:</i> A ranged attack.</p>
<p><i>Returning Storm:</i> While Bare-Handed, aim to instantly recall the Leviathan Axe and perform a powerful slam attack.</p>
<p><i>Whirlwind Fury:</i> Heavy ranged combo attack.</p>
<img src="https://i.imgur.com/0HZTmPQ.jpg?3" class="skillevi">
 </span>
 </a>

 <a class="weapon">
<img src="https://i.imgur.com/wVFF2eh.jpg?1" class="la">
 <span>
 <h1>Guardian Shield</h1>
<h2>The Guardian Shield is a retractable shield present inside a <b>gauntlet</b> on Kratos' left arm.
It is used to parry and block enemy attacks and can also be used offensively in combination with the Blades of Chaos and Kratos' fists.
The Guardian Shield is a <b>gift</b> given to Kratos by his <b>beloved wife</b> on the anniversary of the night they met.</h2>

<p><i>Block Break:</i> Break an enemy’s block.</p>
<p><i>Countering Strike:</i> Alast-second block to counter the attack with a powerful shield strike.</p>
<p><i>Countering Crush:</i> A last second block to counter the attack with a shield slam.</p>
<p><i>Countering Blast:</i> Blocking a projectile attack at the last second absorbs the impact and redirects projectile back at the attacker.</p>
<p><i>Guardian Sweep:</i> While Bare-handed, sweep enemies off their feet and inflict a moderate amount of Stun damage.</p>
<p><i>Guardian’s Justice:</i> While Bare-Handed, preform a shield slam and inflict a moderate amount of Stun damage.</p>
<p><i>Guardian's Judgement:</i> after preforming the Guardian’s Justice shield slam to add a concussive blast to the attack that inflicts a massive amount of Stun damage on enemies.</p>
<p><i>Agile Strike:</i> While Bare-Handed and evading perform a quick attack.</p>
<p><i>Haymaker Crush:</i> While sprinting Bare-Handed, perform a powerful running haymaker attack.</p>
<p><i>Shoulder Barrage:</i> A powerful shoulder ram attack that sends enemies flying back.</p>
<p><i>Guardian’s Revenge:</i> Once in a new stance, preform a powerful uppercut followed with a slam attack.</p>
<p><i>Guardians Fury:</i> A leaping shield attack.</p>
<img src="https://i.imgur.com/NzQbAgo.png" class="skillshield">

 </span>
 </a>

 <a class="weapon">
<img src="https://i.imgur.com/FBmilR8.jpg?1" class="la">
 <span>
 <h1>Blades of Chaos</h1>

<h2>"Forged in the foulest depths of Hades.
Once attached the blades remained so,
chained and seared to the flesh, a part of the bearer's body.
A permanent reminder of Kratos' <b>pledge.</b> ” - <i>Gaia</i>
Ares had the blades made for a servant who would prove worthy of his service.
The blades were the <b>first pair of chained blades that Kratos used</b>.</h2>

<p><i>Olympic Fury:</i> While Airborne, a quick combo that hits surrounding enemies.</p>
<p><i>Bravery of Hercules:</i> A powerful but slow overhead attack. </p>
<p><i>Olympic Ascension:</i> A powerful attack to launch enemies and jump into the air.</p>
<p><i>Plume of Prometheus:</i> A quick and powerful combo ending in an explosive finish. </p>
<p><i>Hyperion Charge:</i> A powerful sprint.</p>
<p><i>Hyperion Ram:</i> A powerful ram attack that sends enemies flying back. </p>
<p><i>Hyperion Slam:</i> A powerful ground slam that clears enemies. </p>
<p><i>Hyperion Uppercut:</i> A powerful punch that lifts enemies off the ground. </p>
<p><i>Orion's Harpoon: </i> Kratos throws out his chain to harpoon an opponent.</p>
<p><i>Spartan's Revenge:</i> A powerful counterattack when hit during this stance; Can also deflect back enemy projectiles. </p>
<p><i>Cyclone of Fury:</i> A flurry of hits that pushes enemies away.</p>
<p><i>Valor of Hercules:</i> A powerful but slow multiple hit combo with an explosive finish.</p>
<p><i>Olympic Ascension:</i> A powerful attack to launch enemies and jump into the air.</p>
<p><i>Falling Helios:</i> Kratos performs a powerful multi-hit attack in mid-air.</p>
<p><i>Athena's Wrath:</i> A powerful chain attack after evading.</p>
<p><i>Rising Helios:</i> Performs a powerful multi-hit attack after evading. </p>
<p><i>Apollo's Ascension:</i> Simultaneously launches Kratos and enemies into the air.</p>
<p><i>Athena's Blessing:</i> A Magic orb is released when Rage of the Gods is active.</p>
<p><i>Athena's Revenge:</i> Increase Stun amount delivered to enemies. </p>
<img src="https://i.imgur.com/8Ktoi8R.png" class="skillsblades">

 </span>
 </a>

 <a class="weapon">
<img src="https://i.imgur.com/WpKqppW.jpg?1" class="la">
 <span>
 <h1>Talon Bow</h1>

<h2>The longbow was made out of a yew tree by <b>Atreus' mother</b>, who also taught him how to use it during their practice hunts.
She made it larger than usual so he could grow into it.
<br><br>
During the journey, the <i>Witch of the Woods</i> gives the bow a magical string that can be imbued with the light of <i>Alfheim</i>
to imbue its arrows with said light, which becomes useful in activating the Elves' light crystals to create <i>solid light bridges</i>.
Much later, Sindri uses a tooth of the recently slain <b>Hræzlyr</b> to imbue the string with the <i>Dragon's lightning power,</i>
which can also imbue its arrows with lightning.
<br><br>
Besides shooting arrows, Atreus can use the bow as a blunt weapon when he gains confidence in battle,
capable of knocking down, trampling and temporary holding his father's opponents.
It's also the only weapon that can use <i>Runic Summons</i>.
Besides assisting Kratos in combat, the Talon Bow's primary purpose is to distract the enemies.</h2>

<p><i>Nista:</i> The regular non-elemental arrow shots that can build up the enemies' stun meter.</p>
<p><i>Ljösta:</i> The light elemental arrow shots that can build up the enemies' stun meter much quicker. Further upgrading allows for large blasts of light that hurt nearby enemies.</p>
<p><i>Þruma:</i> The electric elemental arrow shots that can paralyse lesser enemies. Further upgrading allows for multiple enemies to receive electrical damage simultaneously.</p>
<img src="https://i.imgur.com/lbkJ3qx.jpg?2" class="skillsbow">

 </span>
 </a>


<div style="margin-left:400px; margin-top:300px;">
<a href="#friends" class="blue">next</a></div>

</div>
</div>

</div></div>























<div class='friends'>
<div id='friends'>

<div class="contactsbck"></div>
<div class="contactscontainer">

<div class="contactslore">

<img src="https://i.imgur.com/C5oqOUj.gif" class="dragon">
<div style="margin-top:-20px; margin-left:60px;">
<h2>Me? I'm the greatest ambassador to the gods, the Giants, and all the creatures of the Nine Realms.
I know every corner of these lands, every language spoken, every war waged, every deal ever struck.
They call me… Mimir! —smartest man alive, and I have the answer to your every question.</h2>

<h2>Hahaha. And here I thought your kind were supposed to be so enlightened.
So much better than us. So much smarter. And yet here you hide out in the woods--like a coward.</h2>

<h2>I will rain down every agony, every violation imaginable, upon you...
I will parade your cold body from every corner, of every realm, and feed your soul to the vilest filth in Hel, that is my promise!</h2>
</div>

</div>

<div class="contactslore2">

<a target="_blank" href="https://godofwar.fandom.com/wiki/Mimir" target="_blank">
 <img src="https://64.media.tumblr.com/9a3fd221ca21eece9df1b661d75d2009/tumblr_p7ly1hLerm1tgsz33o2_400.gif" class="conlore"></a>

<a target="_blank" href="https://godofwar.fandom.com/wiki/Baldur" target="_blank">
 <img src="https://64.media.tumblr.com/27848edea829102bd306b9b1066732e9/tumblr_p7ly1hLerm1tgsz33o1_400.gif" class="conlore"></a>

<a target="_blank" href="https://godofwar.fandom.com/wiki/Freya" target="_blank">
 <img src="https://64.media.tumblr.com/b5ab17f2cef9c6c0d7f60d89b1a9186c/tumblr_p7ly1hLerm1tgsz33o6_400.gif" class="conlore"></a>
 <BR>
<a target="_blank" href="https://godofwar.fandom.com/wiki/Modi" target="_blank">
 <img src="https://64.media.tumblr.com/6e0f4a75f1166a53dde8df2e40236014/tumblr_p7ly1hLerm1tgsz33o4_400.gif" class="conlore"></a>

<a target="_blank" href="https://godofwar.fandom.com/wiki/Magni" target="_blank">
 <img src="https://64.media.tumblr.com/620c5fa0383cee4e86974e0b2679c045/tumblr_p7ly1hLerm1tgsz33o3_400.gif" class="conlore"></a>

<a target="_blank" href="https://godofwar.fandom.com/wiki/Thor" target="_blank">
 <img src="https://64.media.tumblr.com/8941f204ea815c28dd50f6699f3a6de9/tumblr_p7ly1hLerm1tgsz33o5_400.gif" class="conlore"></a>

</div>






<div class="contactsRPC">

<img src="https://i.imgur.com/6n2XF4J.gif" class="jor">

<br><br>

<h1>CONTACTS</h1>

<font style="text-transform:uppercase;
font-size:9px; letter-spacing:5px; line-height:20px;">
[ A section for all those met within and outside of Midgard ]
</font>

<br><br><br>

<center><a href="#ooc" class="navy">[ next ]</a></center>

</div>





<div class="contactsRPC2">
<div class="contactsRPC2box">

<div class="friendbox">
<a target="_blank" href="https://roleplay.chat/profile.php?user=Oh%20Millie" target="_blank">
<img src="https://64.media.tumblr.com/9a3fd221ca21eece9df1b661d75d2009/tumblr_p7ly1hLerm1tgsz33o2_400.gif" class="friend"></a>
<h3>MIMIR</h3>
 <div style="margin-top:-5px; height:30px; overflow:auto; padding:10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
 </div>


 <div class="friendbox">
 <a target="_blank" href="https://roleplay.chat/profile.php?user=Oh%20Millie" target="_blank">
 <img src="https://64.media.tumblr.com/27848edea829102bd306b9b1066732e9/tumblr_p7ly1hLerm1tgsz33o1_400.gif" class="friend"></a>
 <h3>BALDUR</h3>
 <div style="margin-top:-5px; height:30px; overflow:auto; padding:10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
 </div>

<div class="friendbox">
 <a target="_blank" href="https://roleplay.chat/profile.php?user=Oh%20Millie" target="_blank">
 <img src="https://64.media.tumblr.com/b5ab17f2cef9c6c0d7f60d89b1a9186c/tumblr_p7ly1hLerm1tgsz33o6_400.gif" class="friend"></a>
 <h3>FREYA</h3>
 <div style="margin-top:-5px; height:30px; overflow:auto; padding:10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
 </div>

<div class="friendbox">
 <a target="_blank" href="https://roleplay.chat/profile.php?user=Oh%20Millie" target="_blank">
 <img src="https://64.media.tumblr.com/6e0f4a75f1166a53dde8df2e40236014/tumblr_p7ly1hLerm1tgsz33o4_400.gif" class="friend"></a>
 <h3>MODI</h3>
 <div style="margin-top:-5px; height:30px; overflow:auto; padding:10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
 </div>


<div class="friendbox">
 <a target="_blank" href="https://roleplay.chat/profile.php?user=Oh%20Millie" target="_blank">
 <img src="https://64.media.tumblr.com/620c5fa0383cee4e86974e0b2679c045/tumblr_p7ly1hLerm1tgsz33o3_400.gif" class="friend"></a>
 <h3>MAGNI</h3>
 <div style="margin-top:-5px; height:30px; overflow:auto; padding:10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
 </div>


<div class="friendbox">
 <a target="_blank" href="https://roleplay.chat/profile.php?user=Oh%20Millie" target="_blank">
 <img src="https://64.media.tumblr.com/8941f204ea815c28dd50f6699f3a6de9/tumblr_p7ly1hLerm1tgsz33o5_400.gif" class="friend"></a>
 <h3>THOR</h3>
 <div style="margin-top:-5px; height:30px; overflow:auto; padding:10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
 </div>


<div class="friendbox">
 <a target="_blank" href="https://roleplay.chat/profile.php?user=Oh%20Millie" target="_blank">
 <img src="https://64.media.tumblr.com/5207e69c69729ed3d1de007598c01903/tumblr_py8b6d9Fqj1y172yjo2_r1_400.gifv" class="friend"></a>
 <h3>Sindri</h3>
 <div style="margin-top:-5px; height:30px; overflow:auto; padding:10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
 </div>


</div>
 </div>

</div>
















 </div>
 </div>








































 <div class='ooc'>
 <div id='ooc'>



<div class="oocbck"></div>
<div class="oocontainer">
<div class="oocbox">
<h1>out of character</h1>
<div style="height:150px; overflow:auto;">
 <b>ooc rule</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 <br><br>
 <b>ooc rule</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 <br><br>
 <b>ooc rule</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 <br><br>
 <b>ooc rule</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 <br><br>
</div>

</div>

<div style="margin-top:400px; margin-left:570px; width:100px;">
<a href="#" class="bye">exit</a>
<div class="badbaby">
<a target="_blank" href="https://roleplay.chat/profile.php?user=badbaby" target="_blank">
<img src="https://i.imgur.com/cQAvAAO.png"></a></div>

</div>
 </div>
 </div>

</BODY>