lis matching

<!DOCTYPE html>
<html>
<title>𝐛𝐫𝐨𝐤𝐞𝐧 𝐛𝐢𝐫𝐝</title> <!--change the title of the page here! this will appear as the title at your current tab.-->
<link rel="shortcut icon" href="{Favicon}">

<head>
<!--

FAQ page #01 (Page #06): River
coded by kuzuriha

1. Don't remove the credit.
2. Don't move the credit. Just leave it there.
3. Don't use as a base code.
4. Please enjoy! If you find any bugs, please contact me! c:

-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script src="https://static.tumblr.com/wdp3vza/mAipd8pay/jquery.sticky-kit.min.js"></script>

<script src="https://static.tumblr.com/wdp3vza/pJvosgmgd/jquery.style-my-tooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:0,

tip_fade_speed:0,

attribute:"title"

});

});

})(jQuery);

</script>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
/**variables**/
:root{
    --body:#1F1F1F;
    --accent:#D6E8FF;
    --bg:#F6F6F6;
}

iframe.tmblr-iframe {
    z-index:99999999999999!important;
    top:0!important;
    right:0!important;
    opacity:0.4;
    /* delete invert(1) from here */
        filter:invert(1) contrast(150%);
        -webkit-filter:invert(1) contrast(150%);
        -o-filter:invert(1) contrast(150%);
        -moz-filter:invert(1) contrast(150%);
        -ms-filter:invert(1) contrast(150%);
    /* to here if your blog has a dark background */
    transform:scale(0.65);
    transform-origin:100% 0;
    -webkit-transform:scale(0.65);
    -webkit-transform-origin:100% 0;
    -o-transform:scale(0.65);
    -o-transform-origin:100% 0;
    -moz-transform:scale(0.65);
    -moz-transform-origin:100% 0;
    -ms-transform:scale(0.65);
    -ms-transform-origin:100% 0;}

iframe.tmblr-iframe:hover {
    opacity:0.6!important;}

::-webkit-scrollbar{
    width:6px;
}

::-webkit-scrollbar-thumb:vertical{
    background:var(--accent);
    height:auto;
}

::selection{
    background:var(--accent);
}

::-moz-selection{
    background:var(--accent);
}

body{
    margin:0;
    padding:0;
    font-family:'Muli';
    font-size:11px;
    color:var(--body);
    background:#F2EDE6;
}

a{
    text-decoration:none;
    color:#a16464;
}

#container{
    width:350px;
    margin:0 auto;
    margin-top:50px;
}

#header{
    background:#fff;
    width:100%;
    height:120px;
}

#icon{
    float:left;
    padding:20px;
    width:64px;
    margin:10px;
    height:64px;
}

#icon img{
    width:64px;
    height:64px;
    max-width:64px;
    max-height:64px;
}

#desc{
    width:200px;
    height:40px;
    font-size:10px;
    float:left;
    padding:10px;
    margin-top:30px;
    font-style:italic;
}

#navlink{
    padding:20px;
    margin-top:33px;
    float:left;
}

.navlink a{
    display:inline-block;
    margin-right:10px;
    box-shadow:inset 0 -3px 0 var(--accent);
}

.question, .answer, .askbox{
    width:500px;
    position:relative;
    margin:0 auto;
    margin-top:15px;
    min-height:60px;
    padding:20px;
}

.answer{
    margin-bottom:15px;
}

.questionicon, .answericon{
    width:48px;
    height:48px;
    float:left;
}

.answericon{
    float:right;
}

.questionicon img, .answericon img{
    width:48px;
    height:48px;
    max-width:48px;
    max-height:48px;
}

.question_text, .answer_text{
    text-align:justify;
    padding:15px;
    width:80%;
}

.question_text{
    float:left;
    margin-left:20px;
    background:var(--accent);
    min-height:30px;
}

.question_text a{
    font-weight:700;
}

.answer_text{
    background:#fff;
    min-height:30px;
}

.answer_text a{
    font-weight:700;
    box-shadow:inset 0 -3px 0 var(--accent);
}

.askbox{
    background:#fff;
    width:310px;
    height:240px;
    margin-top:50px;
    margin-bottom:50px;
}

#credit{
    position:fixed;
    bottom:10px;
    right:10px;
    padding:10px;
    text-align:center;
    min-width:30px;
    background:#fff;
}
</style>
</head>

<body>
<div id="container">

    <div id="header">
        <div id="icon"><img src="https://64.media.tumblr.com/3d3ad71eb8b97a4866de5efaece2034b/tumblr_inline_rkvcwnhne61xmkows_500.png"/><!--change the icon image here!--></div>

        <div id="desc">
        <!--this is your description. keep it short, please!-->
        real darkness has love for a face.
        <br>
        the first death is in the heart.
        <p>
        <a href="https://lumoire.carrd.co/">please read the carrd before interacting.</a>
        </div><!--end desc-->


    </div><!--end header-->

    <!--

    Attention!

    To use this page, you have to manually copy and paste the whole portion of code below. I've labeled the chuck of code you have to copy, and remember to copy them BEFORE the div where it says askbox.

    -->


    <!--askbox-->
    <div class="askbox">
        <!--to enable the askbox, replace where it says YOUR URL HERE with your own blog URL. Bear in mind that you need to have your askbox enabled to enable this askbox.-->

<iframe frameborder="0" scrolling="no" width="100%" height="175" src="https://www.tumblr.com/ask_form/lumoire.tumblr.com" style="background-color: transparent; overflow: hidden; height: 190px;" id="ask_form"></iframe>
    </div>

</div><!--end container-->

<!--credit. please do not remove this!-->
<div id="credit"><a href="//kuzuriha.tumblr.com">thm</a></div>
</body>
</html>