SCARED & HUNGRY THEME

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="/style.css" rel="stylesheet" type="text/css" media="all">

<!--METAS-->

<meta name="image:background" contents="" />

<meta name="select:background size" content="auto" />
<meta name="select:background size" content="cover" />
<meta name="select:background size" content="contain" />

<meta name="select:posts background size" content="auto" />
<meta name="select:posts background size" content="cover" />
<meta name="select:posts background size" content="contain" />

<meta name="color:background" contents="" />

<meta name="if:two color background" contents="false" />

<meta name="color:background color 1" contents="" />
<meta name="color:background color 2" contents="" />

<meta name="color:top header background" contents="" />
<meta name="color:bottom header background" contents="" />

<meta name="color:header border" contents="" />

<meta name="image:header" contents="" />

<meta name="image:posts background" contents="" />

<meta name="color:posts background" contents="" />

<meta name="color:posts border" contents="" />

<meta name="color:posts font" contents="" />

<meta name="color:posts links" contents="" />

<meta name="text:header text link" content="/" />

<meta name="text:header text" content="header text here" />

<meta name="color:header text" contents="" />

<meta name="color:header text shadow" contents="" />

<meta name="text:link 1" content="/" />

<meta name="text:link 1 text" content="LINK" />

<meta name="text:link 2" content="/" />

<meta name="text:link 2 text" content="LINK" />

<meta name="text:link 3" content="/" />

<meta name="text:link 3 text" content="LINK" />

<meta name="color:link 1" contents="" />

<meta name="color:link 1 shadow" contents="" />

<meta name="color:link 2" contents="" />

<meta name="color:link 2 shadow" contents="" />

<meta name="color:link 3" contents="" />

<meta name="color:link 3 shadow" contents="" />

<meta name="select:font family" content="arial" />
<meta name="select:font family" content="comic sans ms" />
<meta name="select:font family" content="times" />
<meta name="select:font family" content="ms gothic" />
<meta name="select:font family" content="Caveat" />
<meta name="select:font family" content="Fuzzy Bubbles" />
<meta name="select:font family" content="DynaPuff" />
<meta name="select:font family" content="Silkscreen" />
<meta name="select:font family" content="Cherry Bomb One" />
<meta name="select:font family" content="Fredoka One" />

<style>

@import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Silkscreen&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Silkscreen&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Silkscreen&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Fredoka+One&family=Silkscreen&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=Fuzzy+Bubbles&display=swap');

</style>

<style>

#credit {

position:fixed;

left: 12px;

bottom: 6px;

font-size: 14px;

}

body {

font-family: {select:font family};

position: relative;

margin-left: auto;

margin-right: auto;

width: 700px;

background-image: url("{image:background}");

background-size: {select:background size};

background-color: {color:background};

{block:iftwocolorbackground}

background: linear-gradient(90deg, {color:background color 1} 50%, {color:background color 2} 50%);

{/block:iftwocolorbackground}

}

.header {

width: 562px;

height: 363px;

border: 3px {color:header border} ridge;

background-image: url("{image:header}");

background-size: cover;

}

.headerinner {

width: 574px;

height: 50px;

border: 3px {color:header border} ridge;

text-align: center;

font-size: 24px;

display: table-cell;

vertical-align: middle;

background-color: {color:bottom header background};

color: {color:header text};

}

.postwrap {

width: 580px;

height: auto;

break-inside: avoid;

column-count: 2;

column-gap: 2px;

display: inline-block;

}

.posts {

width: 250px;

padding: 10px;

height: auto;

break-inside: avoid;

background-image: url("{image:posts background}");

background-size: {select:posts background size};

background-color: {color:posts background};

border: 3px ridge {color:posts border};

color: {color:posts font};

text-align: justify;

font-size: 12px;

overflow: hidden;

}

a {

color: {color:posts links};

}

a:hover {

-webkit-filter: blur(1.0px);

-webkit-transition: 0.5s ease-in-out;

}

.posts img {

max-width: 100%;

height: auto;

}

.posts img:hover {

-webkit-filter: blur(2.0px);

-webkit-transition: 0.5s ease-in-out;

box-shadow: 0px 0px 5px 15px transparent;

}

.npf_row {

margin: 0 !important;

}

blockquote {

margin-left: 0px;

border-left: 1px ridge {color:posts border};

padding-left: 5px;

}

</style>

</head>

<body>

<center>

<div class="header">

<div class="headerinner" style="background-color: {color:top header background};">

<marquee>

<a href="{text:header text link}" style="text-decoration: none; color: {color:header text}; text-shadow: 2px 2px 2px {color:header text shadow};">{text:header text}</a>

</marquee>

</div> <!--HEADER INNER-->

<img src="https://cdn.discordapp.com/attachments/1015508067581964288/1149782857099776171/fix.png" style="width: 562px; height: 248px; margin-bottom: -1px;"> <!--DON'T TOUCH THIS K? THANKS-->

<div class="headerinner">

<a href="{text:link 1}" style="text-decoration: none; color: {color:link 1}; text-shadow: 2px 2px 2px {color:link 1 shadow};">{text:link 1 text}</a> &nbsp;&nbsp;—&nbsp;&nbsp; <a href="{text:link 2}" style="text-decoration: none; color: {color:link 2}; text-shadow: 2px 2px 2px {color:link 2 shadow};">{text:link 2 text}</a> &nbsp;&nbsp;—&nbsp;&nbsp; <a href="{text:link 3}" style="text-decoration: none; color: {color:link 3}; text-shadow: 2px 2px 2px {color:link 3 shadow};">{text:link 3 text}</a>

</div> <!--HEADER INNER-->

</div> <!--HEADER-->

<br>

<div class="postwrap">

{block:posts}

<div class="posts">

{block:text}

{block:title}

<div class="title">{title}</div>

{/block:title}

{body}

{/block:text}

{block:chat}

{block:title}

<div class="title">{title}</div>

{/block:title}

{block:lines}

{block:label}

{label}

{/block:label}

{line}<br>

{/block:lines}

{/block:chat}

{block:photo}

<img src="{photourl-250}">

{/block:photo}

{block:photoset}

{photoset-250}

{/block:photoset}

{block:video}

{video-250}

{/block:video}

{block:audio}

{block:audioembed}

{audioembed-250}

{/block:audioembed}

{block:audioplayer}

{audioplayer}

{/block:audioplayer}

{block:albumart}

<img src="{albumarturl}" style="width: 50px;">

{/block:albumart}

{block:trackname}

{trackname}

{/block:trackname}

{/block:audio}

{block:quote}

<h3>❛ {quote} ❜</h3>

{block:source}

— {source}

{/block:source}

{/block:quote}

{block:link}

<a href="{url}" target="_blank">{name}</a>

{block:description}

{description}

{/block:description}

{/block:link}

{block:answer}

{asker} says:

{question}

{block:answerer}

{answer}

{/block:answerer}

{/block:answer}

{block:Date}
<span style="text-align: center; color: {color:posts font};">
<div id="permalink" style="color: {color:posts font};">
<a style="text-decoration: none; color: {color:posts font};" href="{Permalink}" title="{Month} {DayOfMonth} {Year}"><b>{NoteCount}</b></a>

</div>

{/block:Date}

</div> <!--POSTS-->

<br>

{/block:posts}

</div> <!--POSTWRAP-->

<br>

{block:pagination}

{block:previousPage}

<b><a href="{previouspage}" style="text-decoration: none;">←</a> &nbsp;

{/block:previousPage}

{block:nextPage}

&nbsp; <a href="{nextpage}" style="text-decoration: none;">→</a></b>

{/block:nextPage}

{/block:pagination}

</center>

<div id="credit">

<a href="https://cod.tumblr.com/" target="_blank" title="CODED BY JOYBOY">🦩</a>

</div>

</body>

</html>