Poison Love by stardusthms

<!DOCTYPE html>
<head>

<!---------------------------------------------------------------------

    POISON LOVE - ABOUT PAGE II
         by stardusthms


        - DON'T TOUCH THE CREDIT
        - instructions about the customization within the code
        - if you have problems with the code or any questions about it,
                  contact me at stardusthms.tumblr.com


    thank you for using!! ♡♡


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

    <title>about</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous"><link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bungee+Shade&family=Gravitas+One&family=Monoton&family=Prata&family=Rye&family=UnifrakturMaguntia&display=swap" rel="stylesheet">
<script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>

<script>
   (function($){
       $(document).ready(function(){
           $("[title]").style_my_tooltips({
               tip_follows_cursor:true,
               tip_delay_time:200,
               tip_fade_speed:300
           }
               );
       });
   })(jQuery);
</script>


<style type="text/css">


/*CHANGE COLORS AND SIZES AND FONTS HERE*/
/*fonts added: Bungee Shade, Gravitas One, Monoton, Prata, Rye, UnifrakturMaguntia*/

:root {
    --background: #fff;/*page background*/
    --text: #242424;/*overall text color*/

    --selection-bg: #000;/*selection background color*/
    --selection-font: #fff;/*selection font color*/

    --tooltip-bg: #242424;/*tooltip background color*/
    --tooltip-font: #fff;/*tooltip font color*/

    --title-size: 50px;/*title size*/
    --title-font: 'UnifrakturMaguntia', times;/*title font*/

    --text-font: times;/*text font*/
    --text-font-size: 15px;/*text font size*/

    --border-color: #ccc;/*box border color*/
    --box-font-size: 15px;/*box font size*/
    --box-font: times;/*box font*/

    --quote-font: 'Prata',times;/*quote font*/
    --quote-font-size: 20px;/*quote font size*/
    --quote-marks-size: 15px;/*quote marks size*/
    --quote-marks-color: #bdbdbd;/*quote marks color*/
}


::selection {color:var(--selection-font);background-color:var(--selection-bg);}
::-moz-selection {color:var(--selection-font);background-color:var(--selection-bg);}
::-webkit-scrollbar {width:1px; height:2px;}
::-webkit-scrollbar-thumb {background-color:#adadad;}
#s-m-t-tooltip {background-color:var(--tooltip-bg); color:var(--tooltip-font); font-size:10px; font-family:'calibri'; letter-spacing:1px; text-align:center; border: 1px solid #d1d1d1; position:absolute; padding:5px; margin-top:30px; text-transform:uppercase; z-index:99999999;}
a {text-decoration:none; word-spacing:normal;color:#7d7d7d;font-size:10px;transition: 0.25s ease-out; transition-delay: 0.25s;}
a:hover {text-decoration:none; color:#000; -transition: 0.25s ease-out; -webkit-transition:0.25s ease-out; -moz-transition:0.25s ease-out;-o-transition:0.25s ease-out;}
iframe {display:none !important;}

body {color:var(--text);background-color:var(--background);}


h1 {position:relative;text-align:center;font-size:var(--title-size);font-family:var(--title-font);margin-bottom:10px;}

.container {width:650px;margin:0 auto;margin-top:75px;text-align:center;}

.text {padding:5px 70px;position:relative; text-align:justify;font-family:var(--text-font);font-size:var(--text-font-size);letter-spacing:0.7px;}

.boxes {position:relative;text-align:center;padding:6px 0;}

.boxes ul {text-align:center;padding:0 10px;}

.boxes li {position:relative;text-align:center;display:inline-block;margin:5px;padding:10px 15px; border:1px solid var(--border-color);border-radius:5%;font-size:var(--box-font-size);font-family:var(--box-font);}

.quote {position:relative;text-align:center;font-family:var(--quote-font);font-size:var(--quote-font-size);padding:5px 20px;}

.quote i {font-size:var(--quote-marks-size);position:relative;color:var(--quote-marks-color);}


/*--------------CREDIT---------*/
.credit {position:fixed; bottom:15px; right:15px;} .lnr-star {font-size:18px;} .lnr-star:hover {font-size:23px; -transition: 0.25s ease-out; -webkit-transition:0.25s ease-out; -moz-transition:0.25s ease-out;-o-transition:0.25s ease-out;}
/*----------END CREDIT-----------*/

</style>
</head>


<body>

<div class="container">

<!---your title goes here--->
<h1>title</h1>


<div class="text">
<!-----------your text goes here------------>
   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Varius duis at consectetur lorem donec massa sapien faucibus et. Eget nullam non nisi est. Et malesuada fames ac turpis egestas. Amet nisl suscipit adipiscing bibendum est ultricies. Adipiscing enim eu turpis egestas pretium aenean pharetra magna ac. Sed risus ultricies tristique nulla aliquet enim tortor at. Eget nunc lobortis mattis aliquam faucibus purus in massa. Quis lectus nulla at volutpat diam ut. Mauris commodo quis imperdiet massa tincidunt nunc pulvinar. Dolor magna eget est lorem ipsum. Pellentesque dignissim enim sit amet venenatis. Risus ultricies tristique nulla aliquet. Posuere urna nec tincidunt praesent semper feugiat nibh sed pulvinar. Eu facilisis sed odio morbi. Purus gravida quis blandit turpis cursus in hac.
<!-------text ends here----->
</div>

<div class="boxes">
    <ul>
    <!-------info boxes------->
     <li><b>name:</b> anna
     <li><b>age:</b> 21
     <li><b>pronouns:</b> she/her
     <li><b>birthday:</b> june 17th
     <li><b>location:</b> europe
     <li><b>zodiac:</b> gemini
     <li><b>mbti:</b> infp
     <li><b>hogwarts:</b> ravenclaw
    </ul>
</div>

<div class="quote">
<i class="fas fa-quote-left" style="margin-right:3px;"></i>moonchild you shine. when moon rise, it's your time.<i class="fas fa-quote-right" style="margin-left:3px;"></i>
</div>

</div>

<!------------CREDIT---DON'T TUOCH------------>
<div class="credit"><a href="https://stardusthms.tumblr.com" title="stardusthms"><span class="lnr lnr-star"></span></a></div>
<!---------END CREDIT------------->

</body>


</html>