Anton Morningstar

<style>
body {
background-image:url(https://img11.deviantart.net/f02a/i/2012/296/0/7/gothic_background_stock_by_wyldraven-d5ipdq3.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-size:100% 100%;
background-color:#8b0000;
color:#daa520;
text-align:center;
}
.title {
z-index:3;
position:fixed;
font-size:350%;
color:#ffa500;
text-shadow: 0px 0px 10px #000000;
font-family:Brush Script MT, script, serif;
text-align:left;
}
.infobox {
z-index:4;
position:fixed;
height:88%;
width:24%;
top:5%;
padding:0.5%;
border-radius:5px;
overflow-y:auto;
}
.infobox:hover {
background-color:rgba(139,0,0,0.7);
}
#switch {
position:relative;
margin:auto;
width:50%;
}
#mugshot {
z-index:1;
position:fixed;
top:0%;
left:2.5%;
right:2.5%;
height:100%;
}
#mugshot img {
height:100%;
}
#out, #switch:hover #in {
opacity:1;
}
#in, #switch:hover #out {
opacity:0;
}
.infobox, #out, #in {
-o-transition:1s;
-ms-transition:1s;
-moz-transition:1s;
-webkit-transition:1s;
transition:1s;
}
img {
max-width:100%;
}
a {
text-decoration:none;
color:#ff8c00;
font-family:Brush Script MT, script, serif;
font-size:150%;
}
a:hover {
color:#220000;
text-shadow: 0px 0px 2px #220000;
}
b {
color:#ffd700;
}
::-webkit-scrollbar {
width:8px;
height:8px;
background-color:#8b0000;
}
::-webkit-scrollbar-thumb:vertical {
background-color:#daa520;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#daa520;
}
#credit {
z-index:2;
position:fixed;
height:17px;
right:1%;
bottom:0%;
background-color:#ffffff;
border-radius:5px;
}
</style>


<div class="title" style="top:7%;left:30%;">
Controller of Demons
</div>

<div class="title" style="bottom:7%;right:30%;">
"My deck is hell"
</div>

<div id="switch">
<div id="mugshot">
<img src="http://s1.zerochan.net/Urushihara.Hanzo.600.1512286.jpg " alt="" id="out"/>
</div>
<div id="mugshot">
<img src="https://i.pinimg.com/236x/e2/e0/19/e2e019374153a983c7ead59864327b6d--devil-part-timer-lucifer-devil-is-a-part-timer.jpg" alt="" id="in"/>
</div>
</div>

<div class="infobox" style="left:1.5%;">
<p>
<b>Full Name:</b> Anton Morningstar
<br>
<b>Gender:</b> Male
<br>
<b>Species:</b> Human
<br>
<b>Age:</b> 22
<br>
<b>Height:</b> 6'0
<br>
<b>Weight:</b> 190lb
<br>
<b>Hair:</b> Shaggy purple hair that covered the right side of his face, but is slicked back on the other side.
<br>
<b>Eyes:</b> Purple with a black silted irises.
<br>
<b>Orientation:</b> Relationship Status: Has a very intimidate relationship with candy(AKA single)
<br>
<b>Occupation:</b> Professional Entertainer Duelist, and Teacher.
<br>
<b>Deck(s):</b> D/D/Ds
<br>
<b>Spirit card(s):</b> D/D Cerberus, and Lamia (Much, much smaller versions of course), and a few D/D/D Spirits that is on his Lucifer side
</p>
</div>

<div class="infobox" style="right:1.5%;">
<p>
Anton is very laid back, and chill guy still you get on his nerves like any normal person. He mostly likes to just have people enjoy their duels, and learn something from watching, but also he has the spirit of wanting to win so it's rather hard to not want to go all out. He loves his candy, and will have some on him at all times. He does have a very serious side to him, and it's more akin to a demon in the best way of describing it. Destructive, and chaotic wanting to only to destroy his target. This total switch is named Lucifer.
<br>
<br>
<br>
<br>
<br><i>Before being signed to teach at a school made for those who want to learn to duel, Anton was a entertainment duelist, and a damn good one. He didn't care about winning, hell he played the bad guy going by Lucifer due to his last name. He picked up the Nickname "The Devilish Duelist" in his time for the contract work, how he talked, and just his shows. During this time of work, he gained a...another mind set so to speak. He has two modes, one that is just a guy who wants to hang out, or the man who is Lucifer, a duelist who will destroy you within your mind, heart, and spirit. </i>

</p>

</div>

<a href="http://cera-nore.deviantart.com/" target="_blank" title="CC#04
Firefox 1366x768
Inform me of issues.">
<img src="https://orig00.deviantart.net/9a8a/f/2017/256/c/d/cera_by_cera_nore-dbncbii.png" id="credit"/>
</a>