savi 2

/* Preview: http://i.picpar.com/mQ6c.png */

/* Profile was created by Alcyone, for anyone to use freely. If you are interested in commissioning a profile, go ahead and leave her some mail. */

::-webkit-scrollbar {progress; width: 0px;}
::-webkit-scrollbar-thumb:vertical {
 background-color: #000;
 border: 1px solid transparent;
 -webkit-border-radius: 1px;
 box-shadow: 0 0 3px transparent, inset 0 0 6px transparent;
 -moz-transition:all 0.3s ease-in-out;
 -webkit-transition:all 0.3s ease-in-out;}

::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-button:start:decrement:hover,
::-webkit-scrollbar-button:end:increment:hover
{border-color:transparent;box-shadow: 0 0 12px
transparent, inset 0 0 16px transparent;}

.bg {position: fixed;
width: 800px;
height: 690px;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
text-align: center;
border: 0px solid #000;}

/* ------------------------------------------ */
/* ------------------------------------------ */
/* ------------------------------------------ */

/* Start editing your stuff below. */

/* Background */

body {background: #000;}

 /* Link */

a {color: #AF274C;
text-shadow:
#000 -1px 0px,
#000 0px 1px,
#000 1px 0px,
#000 0px -1px;
text-decoration: none;}

/* Bold */

b {color: #8F645A;
text-shadow: #000 1px 1px;}

/* Italics */

i {color: #3e22ae;}

/* Underline */

u {color: #3e22ae;}


.leftimage {background: none;
background:url('https://i.imgur.com/UfjYlJE.png')
center center no-repeat;
position: absolute;
text-align: center;
width: 450px;
height: 621px;
top: 30px;
left: -220px;
border: 1px solid #000;
overflow: auto;}

.mainborder {background: #461012;
position: absolute;
text-align: center;
width: 370px;
height: 550px;
left: 420px;
top: 100px;
border: 1px solid #000;
overflow: auto;}

.bannerimage {background: none;
background:url('https://piecesofme2016.files.wordpress.com/2016/09/lions-2.jpg')
center center no-repeat;
position: absolute;
text-align: center;
width: 350px;
height: 200px;
top: 110px;
left: 430px;
border: 1px solid #000;
overflow: auto;}

.title {position: absolute;
font-family: Book Antiqua;
color: #fff;
font-size: 60px;
left: 420px;
top: 40px;
width: 370px;
text-align: left;
border: 0px solid #000;
text-shadow:
#000 -1px 0px,
#000 0px 1px,
#000 1px 0px,
#000 0px -1px;
text-decoration: none;}

.info {background: #16161A;
position: absolute;
font-family: Alegreya;
font-size:15px;
color: #e8e9eb;
text-align: justify;
width: 340px;
height: 270px;
left: 430px;
top: 325px;
border: 1px solid #120907;
overflow: auto;
padding:5px 5px 5px 5px;}

#navi1 { position: absolute;
top: 615px;
left: 430px;}

a.navi, a.navi:visited, a.navi:hover {

 text-decoration: none;
 display: inline-block;
 width: 50px;
 height: 25px;
 background-color: #fff;
 border: 1px solid #000;}

 #one:target .info {z-index: 99;}
 #two:target .info {z-index: 99;}
 #three:target .info {z-index: 99;}
 #four:target .info {z-index: 99;}
 #five:target .info {z-index: 99;}
 #six:target .info {z-index: 99;}
 #seven:target .info {z-index: 99;}