Preserve - about page 2

<html>
<head>


    <!-- an about page by bloodynovak / aresanglant 9/25/16 -->


    <!--title of the webpage below -->
    <title>  about page </title>



<link rel="shortcut icon" href="{Favicon}"><link href='http://static.tumblr.com/wb7siqo/Omqnia97g/cssnormalize.css' rel='stylesheet' type='text/css'>

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

 <link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">

<style type="text/css">


/* scroll */

::-webkit-scrollbar {background-color:white; border:solid 1px white; height:1px; width:5px; }
::-webkit-scrollbar-thumb:vertical {-moz-border-radius:11px; -webkit-border-radius:11px; background-color:#000; height:20px;  border-left:4px solid #000}
::-webkit-scrollbar-thumb:horizontal {border-radius:20%;background-color:white; height:5px!important border-top:1px solid black;}

/* end scroll */


big { font-size:15px; }
small { font-size:9px; }

a {  color:black;
    text-decoration:none; }

a:hover { color:black;
text-transform:none;
text-decoration:none; }


body { font-family:'Roboto', sans-serif;
       font-size:11px;
       font-style:none;
       letter-spacing:0.5px;
       text-decoration:none;
       color:black;}

#main {
    position:fixed;
    width:400px;
    height:auto;
    overflow:hidden;
    margin-top:14em;
    margin-left:20em; }

.mtitle {
    font-size:35px;
    font-family: 'Quicksand', sans-serif;
    padding:2px;
    text-transform:uppercase;
    margin-bottom:15px;
    padding-bottom:20px;
    border-bottom:1px solid #eee;
    letter-spacing:-0.5px;
    font-weight:bold; }

.mdesc {
    margin-top:20px;
    width:auto;
    text-align:justify;
    font-size:10px;
    line-height:2;
    margin-left:30px;
    overflow:scroll;
    height:235px;
    padding-right:17px; }

#bx {
            margin-top:50px;
            margin-left:30px;
            font-size:13px;
            height: auto; overflow:;
transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out; }

.other {
    margin-top:15px;
    font-size:10px;
    font-style:italic;
    margin-left:40px; }


.links {    margin-left:5px;
            margin-top:10px;
            font-weight:bold;
            font-size:13px;
            height:35px; }

        .links a{
            padding:5px;
            margin-left:10px; }

            .links a:hover {
                border-bottom:2px solid #eee; }

        .im {
    position:fixed;
    margin-top:-45em;
    margin-left:47em;
background: no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;  }

.im img {
    width:auto;
    height:70em;
    opacity:1; }

/* don't remove or edit */
#cred {padding:5px;font-family:arial;bottom:40px;left:35px;position:fixed; font-size:10px; font-weight:800; }
#cred a {cursor:crosshair; color:{color:text}; }
.vertical-text {
	transform: rotate(90deg);
	transform-origin: left top 0;}
/* don't remove or edit */

</style>
</head>
<body>

<div id="main">

    <div class="mtitle"> about </div>

    <div class="mdesc">

    <!-- put your description here -->

       description goes here.







</div>

<div class="im">

<!-- place your picture url below and between the quotation marks. the width of the picture will be true to size, but the height will be expanded. -->

<img src=" ">

</div>

<div id="bx"> <a style="font-size:18px; font-weight:heavy;">+</a>

        <div class="other">

        <!-- you can put a small saying or quote below, leave it as is, or you can remove it. if you want to remove it just remove the text below do not remove the whole div section.  -->

               want to know more? find me in the links below.

    </div>

        <div class="links"><br>

            <a href=" "> link1 </a>
            <a href=" "> link2   </a>
            <a href=" "> link3 </a>


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


<!-- don't remove or edit -->
<div id="cred"  class="vertical-text"><a href="http://aresanglant.tumblr.com/" target="_blank"> a.s &mdash;</a></div>
<!-- don't remove or edit -->



</body>
</html>