ABOUT PAGE #2 by selenapastel

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<!----


by selenapastel
enjoy <3
and please, don't copy


---->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<title>runnin with the wolfs</title>
<Link rel="shortcut icon" href="https://66.media.tumblr.com/8b8fa3dd6d7137a60fe1e3c24f664165/tumblr_poqian92i71t19nduo1_100.png" />
<Link rel="alternate" type="application/rss+xml" href="{RSS}" />

<link href="https://fonts.googleapis.com/css?family=Montserrat|Cedarville+Cursive" rel="stylesheet">

<style type="Text/css">

/*** body ***/

body {
Background-color: #fff ;
Text-transform:lowercase;
font-family:Montserrat;
font-size:9px;
line-height: 15px;
color:#6c6c6c;}

/*** theme links ***/

a {color:#6c6c6c;
Text-decoration: none;
transition:all 1s ease;}
a:hover {color:#eee;}

/*** scrollbar ***/

::-webkit-scrollbar-thumb {background-color:#eee ;
border: 7px solid #fff;
height:auto;
border-radius:100px;}
::-webkit-scrollbar {height:10px;
width:15px;
border-radius:100px;
background-color: #fff;
border:4px solid #fff;}

/*** cursor ***/

html {cursor: url(https://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
a, a:hover{cursor: url(https://static.tumblr.com/8l2gpxb/m1pmlzw1h/5.png), auto;

}

/*** credits DON'T REMOVE ***/

#credits {
position:fixed;
right:10px;
bottom:10px;}
#credits a {letter-spacing:0px;
Text-transform:uppercase;
font-size: 17px;
color:#6c6c6c;}

/*** everything box ***/

#bigbox {width:700px;
padding:20px;
margin-left:300px;
background:#fff;}

/*** bottom images box ***/

#littleboxes {margin-left:110px;
width:500px;
height:auto;
text-align:center;
margin-top:20px;}

#littleboxes img {width:150px;
margin-right:15px;}

/*** tags box ***/

#tags {margin-left:90px;
width:150px;
height:auto;
text-align:center;
padding:20px;
margin-top:-25px;}

#tags a{color:#6c6c6c;
font-size:11px;
line-height:27px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
letter-spacing:3px;
display:inline;
margin:10px;}

/*** navigation box ***/

#navigation {margin-left:260px;
width:150px;
height:auto;
text-align:center;
padding:20px;
margin-top:-178px;}

#navigation a{color:#6c6c6c;
font-size:11px;
line-height:27px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
letter-spacing:3px;
display:inline;
margin:10px;}

/*** other links box ***/

#otherl {margin-left:425px;
width:150px;
height:auto;
text-align:center;
padding:20px;
margin-top:-178px;}

#otherl a{color:#6c6c6c;
font-size:11px;
line-height:27px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
letter-spacing:3px;
display:inline;
margin:10px;}

/*** links title ***/

h1 {color:#6c6c6c;
font-size:12px;
line-height:57px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
letter-spacing:3px;
display:inline;
margin:10px;
border-bottom:1px solid#eee;}

/*** social ***/

#social {width:700px;
margin-left:0px;
text-align:left;
padding:10px 0px 0px 0px;
position:absolute;
margin-top:13px;}

#social a {color:#555;
font-size:13px;
text-align:left;
border-radius:100%;
padding:8px;
display:inline-block;
background:#fafafa;
border:1px solid#f5f5f5;
margin-left:117px;
line-height:150%;
transition:all 1s ease;}

#social a:hover {background:none;
color:#fff;
border:1px solid#transparent;
transition:all 1s ease;}

/*** description ***/

#sidebar {margin-left:110px;
width:500px;
height:auto;
margin-top:20px;}

#desc {text-transform:none;
margin-top:5px;
font-size:12px;
font-weight:bold;
border-radius:5px;
line-height:35px;
text-align:center;
color:{color:text};
width:440px;
padding:20px;
z-index:99999999999999999;
margin-left:0px;}

/*** top image ***/

#img img {width:80px;
border-radius:100%;
margin-left:300px;}

/*** top title ***/

#title {font-family:Cedarville Cursive;
font-size:23px;
text-align:center;
position:absolute;
width:450px;
margin-top:45px;
margin-left:125px;}

/*** top links ***/

#links {margin-left:0px;
text-align:center;
margin-top:15px;}

#links a {color:#6c6c6c;
font-size:12px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
letter-spacing:3px;
display:inline;
margin:10px;}


</style>
</head>
<body>

<div id="bigbox">
<!--- top image --->
<div id="img"><img src="your top image here"></div>

<!--- top title --->
<div id="title"> your title here</div>

<!--- top links --->
<div id="links">
<a href="/">home</a>
<a href="/contact">contact</a>
<a href="/maps">maps</a>
</div>

<!--- description --->
<div id="sidebar">
<div id="desc">your description here</div>
</div>

<!--- social media --->
<div id="social">
<a href="your twitter link goes here" title="twitter"><i class="fab fa-twitter" style="padding:2px;"></i></a>

<a href="your instagram link goes here" title="instagram" style="margin-left:129px"><i class="fab fa-instagram" style="padding:0px 4px 0px 4px"></i></a>

<a href="your pinterest link goes here" title="pinterest" style="margin-left:128px"><i class="fab fa-pinterest-p" style="padding:0px 5px 0px 5px"></i></a>
</div>

<!--- bottom images --->
<div id="littleboxes">
<img src="your bottom image here">
<img src="your bottom image here">
<img src="your bottom image here">
</div>

<!--- tags links --->
<div id="tags">
<h1>tags</h1> <br>
<a href="/">templates</a>
<a href="/contact">fonts</a>
<a href="/maps">actions</a>
</div>

<!--- navigation links --->
<div id="navigation">
<h1>navigation</h1> <br>
<a href="/">tutorials</a>
<a href="/contact">dash icons</a>
<a href="/maps">torrents</a>
</div>

<!--- other links --->
<div id="otherl">
<h1>other links</h1> <br>
<a href="/">gifs</a>
<a href="/contact">headers</a>
<a href="/maps">previews</a>
</div>

</div>

<div id="credits">
<a href="https://selenapastel.tumblr.com/" title="By Lily"><i class="fas fa-user-astronaut"></i></a>
</div>
</body>
</html>