page 02 // apollo

<!DOCTYPE html>
<head>

 <!-- THEME BY @LEEJORDAN / @VENUSTHMS
                           do not remove the credit

-------------------------------------------------------------------------

  - terms of use: venusthms.tumblr.com/terms

  - icon font: https://honeybee.suiomi.com/

  - message me if you got any problems or questions about the code

  - you'll find instructions about customization through out the code

---------------------------------------------------------------------->

<title>about</title><link rel="shortcut icon" href="{Favicon}"> <!-- change (tab) title here -->

<!---- SCRIPT - DO NOT TOUCH ---->

<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Karla|Lato" rel="stylesheet"><link rel="stylesheet" type="text/css" href="//dl.dropbox.com/s/ag4nzwvownh6w1x/style.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link href="https://static.tumblr.com/4gatuv1/X8Poxwvz8/style-my-tooltips.css" rel="stylesheet" type="text/css" />
<script src="https://static.tumblr.com/4gatuv1/Aneoxwvz8/jquery.style-my-tooltips.js"></script>
<script>
!function(t){t(document).ready(function(){t("a[title]").style_my_tooltips({tip_follows_cursor:!0,tip_delay_time:200,tip_fade_speed:300})})}(jQuery);
</script>

<style type="text/css">

/* tooltips */

 #s-m-t-tooltip {
     max-width: 250px;
     margin:24px 14px 7px 12px;
     padding:5px 8px;
     background: #fff;
     border-radius:2px;
     font-family: 'karla';
     letter-spacing: 1px;
     font-size:10px;
     color:#000;
     box-shadow: none;
 }

/* scrollbar */

::-webkit-scrollbar {
    width:3px;
    height:0px;
    background-color: #F6F6F6

}
::-webkit-scrollbar-track {
    background-color: #F6F6F6

}
::-webkit-scrollbar-thumb {
    min-height:24px;
    min-width:24px
}

/* selection */

::-moz-selection { background:#eee;color:#000; }
::selection { background:#eee;color:#000; }

/* Gradient Color */

/* replace #c8def5 with the first color and #ffa6ee with the second color (that you want for the gradient) */
.info, .first  {
background: #c8def5; /* background color if browser doesn't support gradients */
background: -moz-linear-gradient(-45deg, #c8def5 0%, #ffa6ee 100%);
background: -webkit-linear-gradient(-45deg, #c8def5 0%,#ffa6ee 100%);
background: linear-gradient(135deg, #c8def5 0%,#ffa6ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8def5', endColorstr='#ffa6ee',GradientType=1 );
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom right, #c8def5, #ffa6ee);
}

/* general */

body {
    font-family: karla; /* font*/
    cursor: default; /* cursor */
}

.text, .facts, h2, .links a, .links .th {
    font-size: 11px; /* font size */
}

/* container */

.container {
    background: #f6f6f6;
    border-radius: 5px; /* delete this if you want sharp edges */
    box-shadow: 10px 10px 10px #CECECE; /* delete this if you don't want a shadow behind the container */
}

/* gradient part of the container */

.info {
    border-top-left-radius: 5px; /* delete this if you want sharp edges */
    border-bottom-left-radius: 5px; /* delete this if you want sharp edges */
}

h1 { /* title */
    font-family:'lato';
    font-size: 26px;
    color: #fff;
}

h2 { /* subtitle */
    color: #fff;
}

/* text */

.text {
    text-align: left;
    color: #000; /* font color */
    -ms-overflow-style: none; /* for ie, firefox, edge */
    overflow: auto;
}

/* stats */

.facts {
    -ms-overflow-style: none; /* for ie, firefox, edge */
    overflow: auto;
}

.first { /* question */
    text-align: center;
    color: #fff; /* font color*/
}

/* links */

a, .links .th {
    color: #fff; /* color */
}

a:hover { /*on hover */
    color: #C9A8D7;
}

/* inner text links */

.text a {
    background: #ECC8F5;
    border-radius: 3px;
}

.text a:hover { /*on hover */
    background: #f6f6f6;
    color: #DFB8E6;
}

</style>
</head>

<body>

<div class="container">

<!--- gradient part of the container ---->

  <div class="info">
  <h1>about me</h1><br><h2>@subtitle</h2>

<!---- if you want to change the icons go to https://honeybee.suiomi.com/ ---->
  <div class="links">
      <span aria-hidden=“true” class="th th-envelope-o"></span><a href="/ask">message</a><br>
      <span aria-hidden=“true” class="th th-app-o"></span><a href="/">link</a><br>
      <span aria-hidden=“true” class="th th-link"></span><a href="/">link</a><br>
      <span aria-hidden=“true” class="th th-power-o"></span><a href="/">return</a>
<!---- copy & paste as needed ----->
  </div>
  </div>

<!---- right part of the container ----->

<!---- text goes from here -----><div class="text">

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

<p> that's a new paragraph. style the text as you like: <i>italic</i>, <b>bold</b>, <strike>strike</strike>, <a href="/">link</a>

</div><!---- to here ----->

<!---- stats ----->
<div class="facts">
    <p class="first">question:</p> <p class="second">answer</p>
    <p class="first">question:</p> <p class="second">answer</p>
    <p class="first">question:</p> <p class="second">answer</p>
    <p class="first">question:</p> <p class="second">answer</p>
    <!---- copy & paste as needed ----->
</div>

<!----- DO NOT EDIT AFTER THIS LINE ---->
</div>
<div class="vt"><a href="https://venusthms.tumblr.com/" title="venusthms"><img src="https://i.imgur.com/PxFLRpM.png"></img></a></div>


</body>
</html>