About page 2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!--
Send an ask to flickeringflower for questions
-->

<head>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">

<!--------------------JAVASCRIPTS-------------------->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:500,
tip_fade_speed:150,
attribute:"title"
});
});
})(jQuery);
</script>

<link href="https://fonts.googleapis.com/css2?family=Pathway+Gothic+One&family=Poppins&display=swap" rel="stylesheet">

<style type="text/css">

#s-m-t-tooltip {
    margin:20px;
    padding:10px;
    background:#fff;
    border-radius:2px;
    font-family: 'Poppins', sans-serif;
    font-size:10px;
    color:#42274b;
    letter-spacing:1px;
    text-transform:uppercase;
    z-index:99;
    max-width:100px;
}

body {
    background-color:#f9e8f2;
    background-image:url(https://66.media.tumblr.com/0dd2390b489703cce65c4e35a63fc8e2/7c6d0633dfe12dee-d5/s2048x3072/40503515e0f35cebd7fdbd43f4f4f887b09142bf.png); /* Delete this and put your own background if you want */
    background-attachment:fixed;
    font-size:12px;
    font-family: 'Poppins', sans-serif;
    color:#42274b;
    margin:0px;
}

a {
    text-decoration:none;
    color:#2d1d26;
}

b {
    padding:3px 5px;
    background:#dcb1d2;
    font-size:11px;
    text-transform:uppercase;
}

#bigthing {
    margin:200px auto;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    position:fixed;
    width:800px;
    height:300px;
    background:transparent;
}

#textspace {
    margin-left:350px;
    margin-top:0px;
    height:300px;
    width:400px;
    font-size:12px;
    letter-spacing:1px;
    text-align:justify;
    line-height:200%;
    padding:20px;
    font-family: 'Poppins', sans-serif;
    text-transform:none;
    background:#f4dcf5;
    position:absolute;
    overflow-y:scroll;
}

/* hides the overflow, you can type as much as you want */
::-webkit-scrollbar-thumb { display:none; }

::-webkit-scrollbar { display:none; }

#textspace font {
   float:right;
   text-align:left;
}

#title {
    font-family: 'Pathway Gothic One', sans-serif;
    font-size:50px;
    text-transform:uppercase;
    color:#c693bf;
    background-color:#f4dcf5;
    position:absolute;
    margin-top:349px;
    height:70px;
    line-height:70px;
    padding: 0 15px;
    margin-left:0px;
    z-index:-2;
}

#links {
    position:absolute;
    margin-top:349px;
    margin-left:564px;
    width:500px;
}

#links a {
    font-family: 'Pathway Gothic One', sans-serif;
    font-size:50px;
    text-transform:uppercase;
    color:#c693bf;
    display:inline-block;
    width:70px;
    height:70px;
    margin-right:5px;
    line-height:70px;
    background:#f4dcf5;
    text-align:center;
}

#img {
    position:absolute;
    border:20px solid #f4dcf5;
    margin-top:0px;
    margin-left:0px;
    z-index:-1;
}

</style>

</head>

<body>

<div id="bigthing">
<div id="img"><img src="https://i.imgur.com/GUhcRgG.png"></div> <!-- a 300x300 image -->
<div id="title">damned soul</div>
<div id="links">
<a href="/" title="home">01</a>
<a href="/ask" title="ask">02</a>
<a href="/archive" title="archive">03</a>
</div>
<div id="textspace"><b>Maybe a subtitle here?</b><p>Put the main text here, you can use many paragraph markers if you want</p></div>
</div>

</body>
</html>