FRIENDS_WEBSITE<=
 
     <!--FRIENDS VIEW ⟡ corresponds to last codes in style tag-->
 
<table cellspacing="0" cellpadding="0" border="0" summary="">
<div id="jk">
<div id="game-arrow">
<form><input type="checkbox" id="dropdown"><label for="dropdown"><img src="https://64.media.tumblr.com/73a8f013ed35cfdee6d5f32085ad9afc/17b22659c059a6c1-98/s400x600/d63a6c793b7fe0d84a0134c07b92968f6c090941.gif" height="45" width="80;" style=" -webkit-mask-image: url(https://i.imgur.com/n72waaf.png); -webkit-mask-size:100%; display:block; cursor: url(https://i.imgur.com/2EZggYa.png), auto !important;"></a></label>
<span class="drop">
<a class="droppy" href="/friends" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>FRIENDS</a>
<a class="droppy" href="/calendar" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>CALENDAR</a>
<a class="droppy" href="https://jeonjungkook.insanejournal.com/2021/01/01/" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>SCENES</a>
<a class="droppy" href="/" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>HOME</a>
</span></form></div></div>

 <div id="ds">
<a href="/info"><img src="https://i.imgur.com/tW3XQLX.png" width="130" style="display:block; z-index:300000"></a>
</div>

 <div id="screen" style="z-index: 10;">
<img src="https://i.imgur.com/O3enxzI.png" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; animation-fill-mode: forwards !important; z-index: 10px;">
 </div>
 
 <div id="screen" style="z-index: 200;">
<img src="https://i.imgur.com/7VHeC3v.gif" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; transform: rotate(-50deg); -webkit-animation: vanishIn 3.5s; animation-fill-mode: forwards !important; z-index: 1000px;">
 </div>
 
 

 <div id="screenbottom" style="z-index: 10;">
<img src="https://i.imgur.com/EMQsWRn.png" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; animation-fill-mode: forwards !important; z-index: 10px;">
 </div>
 
<div id="screenbottom" style="z-index: 200;">
<img src="https://i.imgur.com/e7E1Dqz.gif" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; transform: rotate(-50deg); -webkit-animation: vanishIn 3.5s; animation-fill-mode: forwards !important; z-index: 1000px;">
 </div>
 
<div id="star2"><span class="blinking3">&#10022;</span></div>
<div id="star1"><span class="blinking">&#10022;</span></div>
<div id="star3"><span class="blinking2">&#10022;</span></div>
<div id="star4"><span class="blinking3">&#10022;</span></div>
<div id="star5"><span class="blinking">&#10022;</span></div>
<div id="star6"><span class="blinking3">&#10022;</span></div>
<div id="star7"><span class="blinking2">&#10022;</span></div>

 
<tr>
<div id="bg">
<div id="stars2"></div>

 
<=FRIENDS_WEBSITE

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
<font style="margin-top:0px;">%%readlink%%</font> <a href="%%urlpost%%"><img src="https://i.imgur.com/Wl7GlMq.gif" width="14" style="position: relative;margin-bottom: -3px;padding-left: 2px;"></a>
</td>
</tr>
<=LASTN_TALK_LINKS

FRIENDS_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
<font style="margin-top:0px;">%%readlink%%</font> <a href="%%urlpost%%"><img src="https://i.imgur.com/Wl7GlMq.gif" width="14" style="position: relative;margin-bottom: -3px;padding-left: 2px;"></a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

LASTN_TALK_READLINK=><a style="box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.3);" href="%%urlread%%">%%messagecount%% comments</a>

LASTN_OPT_ITEMS=>2

CALENDAR_WEBSITE<=
 
     <!--CALENDAR VIEW ⟡ corresponds to last codes in style tag-->
 
<table cellspacing="0" cellpadding="0" border="0" summary="">
<div id="jk">
<div id="game-arrow">
<form><input type="checkbox" id="dropdown"><label for="dropdown"><img src="https://64.media.tumblr.com/73a8f013ed35cfdee6d5f32085ad9afc/17b22659c059a6c1-98/s400x600/d63a6c793b7fe0d84a0134c07b92968f6c090941.gif" height="45" width="80;" style=" -webkit-mask-image: url(https://i.imgur.com/n72waaf.png); -webkit-mask-size:100%; display:block; cursor: url(https://i.imgur.com/2EZggYa.png), auto !important;"></a></label><a class="droppy" href="/calendar" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>CALENDAR</a>
<a class="droppy" href="https://jeonjungkook.insanejournal.com/2021/01/01/" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>SCENES</a>
<a class="droppy" href="/" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>HOME</a>
</span></form></div></div>

 <div id="ds">
<a href="/info"><img src="https://i.imgur.com/tW3XQLX.png" width="130" style="display:block; z-index:300000"></a>
</div>

 <div id="screen" style="z-index: 10;">
<img src="https://i.imgur.com/O3enxzI.png" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; animation-fill-mode: forwards !important; z-index: 10px;">
 </div>
 
 <div id="screen" style="z-index: 200;">
<img src="https://i.imgur.com/7VHeC3v.gif" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; transform: rotate(-50deg); -webkit-animation: vanishIn 3.5s; animation-fill-mode: forwards !important; z-index: 1000px;">
 </div>
 
 

 <div id="screenbottom" style="z-index: 10;">
<img src="https://i.imgur.com/EMQsWRn.png" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; animation-fill-mode: forwards !important; z-index: 10px;">
 </div>
 
<div id="screenbottom" style="z-index: 200;">
<img src="https://i.imgur.com/e7E1Dqz.gif" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; transform: rotate(-50deg); -webkit-animation: vanishIn 3.5s; animation-fill-mode: forwards !important; z-index: 1000px;">
 </div>
 
<div id="star2"><span class="blinking3">&#10022;</span></div>
<div id="star1"><span class="blinking">&#10022;</span></div>
<div id="star3"><span class="blinking2">&#10022;</span></div>
<div id="star4"><span class="blinking3">&#10022;</span></div>
<div id="star5"><span class="blinking">&#10022;</span></div>
<div id="star6"><span class="blinking3">&#10022;</span></div>
<div id="star7"><span class="blinking2">&#10022;</span></div>

 
<tr>
<div id="bg">
<div id="stars2"></div>


 
<=CALENDAR_WEBSITE

FRIENDS_DATE_FORMAT<=
</td></tr><tr><td class="dates">
%%mm%%/%%dd%% <img src="https://i.imgur.com/4enGWxM.gif" height="10" style="animation: text-shadow-multicolor 2s infinite;filter: drop-shadow(0.5px 0.5px 0px #fff);padding-left: 3px;padding-right: 3px;margin-bottom: -1px;"> %%12h%%:%%min%%%%ampm%%</font></td></tr><tr><td class="dated">
<=FRIENDS_DATE_FORMAT

LASTN_WEBSITE<=
 
     <!--REGULAR VIEW ⟡ corresponds to last codes in style tag-->
 
<table cellspacing="0" cellpadding="0" border="0" summary="">
<div id="jk">
<div id="game-arrow">
<form><input type="checkbox" id="dropdown"><label for="dropdown"><img src="https://64.media.tumblr.com/73a8f013ed35cfdee6d5f32085ad9afc/17b22659c059a6c1-98/s400x600/d63a6c793b7fe0d84a0134c07b92968f6c090941.gif" height="45" width="80;" style=" -webkit-mask-image: url(https://i.imgur.com/n72waaf.png); -webkit-mask-size:100%; display:block; cursor: url(https://i.imgur.com/2EZggYa.png), auto !important;"></a></label><span class="drop">
<a class="droppy" href="/friends" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>FRIENDS</a>
<a class="droppy" href="/calendar" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>CALENDAR</a>
<a class="droppy" href="https://jeonjungkook.insanejournal.com/2021/01/01/" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>SCENES</a>
<a class="droppy" href="/" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>HOME</a>
</span></form></div></div>

 <div id="ds">
<a href="/info"><img src="https://i.imgur.com/tW3XQLX.png" width="130" style="display:block; z-index:300000"></a>
</div>

 <div id="screen" style="z-index: 10;">
<img src="https://i.imgur.com/O3enxzI.png" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; animation-fill-mode: forwards !important; z-index: 10px;">
 </div>
 
 <div id="screen" style="z-index: 200;">
<img src="https://i.imgur.com/7VHeC3v.gif" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; transform: rotate(-50deg); -webkit-animation: vanishIn 3.5s; animation-fill-mode: forwards !important; z-index: 1000px;">
 </div>
 
 

 <div id="screenbottom" style="z-index: 10;">
<img src="https://i.imgur.com/EMQsWRn.png" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; animation-fill-mode: forwards !important; z-index: 10px;">
 </div>
 
<div id="screenbottom" style="z-index: 200;">
<img src="https://i.imgur.com/e7E1Dqz.gif" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; transform: rotate(-50deg); -webkit-animation: vanishIn 3.5s; animation-fill-mode: forwards !important; z-index: 1000px;">
 </div>
 
<div id="star2"><span class="blinking3">&#10022;</span></div>
<div id="star1"><span class="blinking">&#10022;</span></div>
<div id="star3"><span class="blinking2">&#10022;</span></div>
<div id="star4"><span class="blinking3">&#10022;</span></div>
<div id="star5"><span class="blinking">&#10022;</span></div>
<div id="star6"><span class="blinking3">&#10022;</span></div>
<div id="star7"><span class="blinking2">&#10022;</span></div>

 
<tr>
<div id="bg">
<div id="stars2"></div>

 
<=LASTN_WEBSITE

DAY_TALK_READLINK=><a style="box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.3);" href="%%urlread%%">%%messagecount%% comments</a>

FRIENDS_OPT_ITEMS=>50

DAY_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
<font style="margin-top:0px;">%%readlink%%</font> <a href="%%urlpost%%"><img src="https://i.imgur.com/Wl7GlMq.gif" width="14" style="position: relative;margin-bottom: -3px;padding-left: 2px;"></a>
</td>
</tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=
 
     <!--DATE VIEW ⟡ corresponds to last codes in style tag-->
 
<table cellspacing="0" cellpadding="0" border="0" summary="">
<div id="jk">
<div id="game-arrow">
<form><input type="checkbox" id="dropdown"><label for="dropdown"><img src="https://64.media.tumblr.com/73a8f013ed35cfdee6d5f32085ad9afc/17b22659c059a6c1-98/s400x600/d63a6c793b7fe0d84a0134c07b92968f6c090941.gif" height="45" width="80;" style=" -webkit-mask-image: url(https://i.imgur.com/n72waaf.png); -webkit-mask-size:100%; display:block; cursor: url(https://i.imgur.com/2EZggYa.png), auto !important;"></a></label><span class="drop">
<a class="droppy" href="/friends" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>FRIENDS</a>
<a class="droppy" href="/calendar" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>CALENDAR</a>
<a class="droppy" href="https://jeonjungkook.insanejournal.com/2021/01/01/" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>SCENES</a>
<a class="droppy" href="/" style="color: #fff; text-decoration:none;"><i class="game-arrow"></i>HOME</a>
</span></form></div></div>

 <div id="ds">
<a href="/info"><img src="https://i.imgur.com/tW3XQLX.png" width="130" style="display:block; z-index:300000"></a>
</div>

 <div id="screen" style="z-index: 10;">
<img src="https://i.imgur.com/O3enxzI.png" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; animation-fill-mode: forwards !important; z-index: 10px;">
 </div>
 
 <div id="screen" style="z-index: 200;">
<img src="https://i.imgur.com/7VHeC3v.gif" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; transform: rotate(-50deg); -webkit-animation: vanishIn 3.5s; animation-fill-mode: forwards !important; z-index: 1000px;">
 </div>
 
 

 <div id="screenbottom" style="z-index: 10;">
<img src="https://i.imgur.com/EMQsWRn.png" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; animation-fill-mode: forwards !important; z-index: 10px;">
 </div>
 
<div id="screenbottom" style="z-index: 200;">
<img src="https://i.imgur.com/e7E1Dqz.gif" align="right" style="-webkit-mask-image: url(https://i.imgur.com/walkbVj.png); -webkit-mask-size:100%; display: block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); width: 60px; height: 40px; transform: rotate(-50deg); -webkit-animation: vanishIn 3.5s; animation-fill-mode: forwards !important; z-index: 1000px;">
 </div>
 
<div id="star2"><span class="blinking3">&#10022;</span></div>
<div id="star1"><span class="blinking">&#10022;</span></div>
<div id="star3"><span class="blinking2">&#10022;</span></div>
<div id="star4"><span class="blinking3">&#10022;</span></div>
<div id="star5"><span class="blinking">&#10022;</span></div>
<div id="star6"><span class="blinking3">&#10022;</span></div>
<div id="star7"><span class="blinking2">&#10022;</span></div>

 
<tr>
<div id="bg">
<div id="stars2"></div>


 
<=DAY_WEBSITE

GLOBAL_HEAD<=
<title>좋은 꿈만 꾸게 해달라고</title>
<link href="https://i.imgur.com/Lk4KSWp.gif" rel="icon" type="image/x-icon">
 
<link href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;display=swap" rel="stylesheet">

<link href="https://jungkookj.neocities.org/hehe/magic.css" rel="stylesheet">
<link href="https://jungkookj.neocities.org/hehe/stars.css" rel="stylesheet">
 
<style>
/* -jeonjungkook (｡•̀ᴗ-) most of this code belongs to -yujimin ty bestie */ 
 
@font-face{font-family: 'yujeon'; src:url('https://static.tumblr.com/oct6d4x/Wvalo56tg/pf_ronda_seven.ttf');}
@font-face{font-family: 'jeon'; src:url('https://static.tumblr.com/qgpedd0/gR6rp31p8/tinyislanders-noyg.ttf');}
 
/* background */
	body
	{background: linear-gradient(270deg, hsl(241deg 68% 84%), hsl(228deg 81% 81%), hsl(229deg 84% 92%));
	background-size: 300% 300%;
	-webkit-animation: Rainbow 30s ease infinite;
	-moz-animation: Rainbow 30s ease infinite;
	animation: Rainbow 30s ease infinite;
	margin-top: -20px !important;}
 
@-webkit-keyframes Rainbow {0%{background-position: 94% 0%;} 50%{background-position: 7% 100%;} 100% {background-position: 94% 0%;}}
 
	#bg {position: fixed;}
 
/* body text */
	body, td
	{font-family: be vietnam, arial, sans-serif; 
	font-size: 9px; 
	letter-spacing: 1px; 
	line-height: 11px; 
	color: #1d1d1d;}
 
/* link effects */
  a 
  {-webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  text-decoration: none; 
  color: #4658af;} 
 
a:hover 
  {-webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  text-decoration: none;
  text-shadow: 0px 0px 1px #b4b8f3, 0px 0px 1px #b4b8f3, 0px 0px 1px #b4b8f3, 0px 0px 6px #b4b8f3;
  color: #4658af;}
 
/* entry box */
	.entrybox 
	{width: 575px;}
	.date, a.index 
	{visibility: visible !important;}
 
/* headerbox borders */
	.shadowed 
	{width: 575px;}
	.shadowed img 
	{display: none;}
	.entrybox, .shadowed 
	{background-color: none;}
 

td 
  {padding: 4px;
  line-height: 16px;
  color: #000000;
  font-family: 'Poppins', helvetica;
  font-size: 10px;
  letter-spacing: .5px;}

.entrybox 
  {width: 560px;
  padding: 0px;
  background-color: rgba(255,255,255, 1);
  font-family: helvetica;
  border-radius: 11px 11px 11px 11px;
  filter: drop-shadow(1px 1px 1px rgba(125, 144, 221, 1));
  border: 1px solid #8c9be3;}

.comments 
  {color: #ffffff;
  text-align: right;
  padding: 8px 12px 8px 0px;
  font-family: 'Poppins', helvetica, sans-serif;
  font-size: 7px;
  line-height: 9px;
  text-transform: uppercase;
  border-top: 1px dotted #e5e6ff;
  letter-spacing: 1px;}

/* subject lines */
td.caption, table table table td.meta a 
  {font-family: 'yujeon', arial;
  padding: 10px 10px 9px 10px;
  background-color: #cdd5fa;
  border-radius: 7px 7px 0px 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 6px;
  color: #4657af;
  border-bottom: 1px solid #8797e2;}



/* date & time */
  .date, a.index 
  {visibility:visible !important;} 
  
  .dated{display:none;} 
  .entrybox td.index{display: none;}
  .dates 
  {font-family: 'Poppins', helvetica, sans-serif;
  color: #000000;
  font-size: 7px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: right;}


 /* friends page icons & users */
	.ljuser img 
	{display: none;} 
	p table table td.caption img 
	{height: 7px; width: 7px; opacity: 0.7; animation: none;} 
	b 
	{font-weight: normal;} 
	p table table table table td 
	{font-size: 0px;}
	.entrybox a.index 
	{color: #1d1d1d; 
	line-height: 8px; 
	text-transform: uppercase; 
	margin-top: 0px; 
	font-size: 8px; 
	animation: none;} 
	.entrybox tr td table tr td table tr td 
	{background: transparent;}
	
  .index img 
  {-webkit-backface-visibility: hidden;
  border-radius: 100px;
  height: 40px;
  width: 40px;
  box-shadow: 0px 0px 1px #919ee4;
  margin-bottom: 5px;
  padding: 3px;}
	
	.entrybox a.index font 
	{background: radial-gradient(circle, #4758af, #4758af)!important;
	-webkit-background-clip: text!important;
	-webkit-text-fill-color: transparent!important;
	filter: drop-shadow(.5px -.5px 0px #fff); 
	font-family: poppins, arial, sans-serif;}

 
/* usericons & locks */
	.ljuser img 
	{display:none;}
	.ljuser:before 
	{content: "";}
	.caption img 
	{width:0px; height:0px;}
 
	img[src*="img/community.gif"] 
	{width: 0!important;
	height: 0!important;
	background: transparent url(https://i.imgur.com/DaRG2OX.gif) no-repeat!important;
	padding: 9px 0 0 11px !important;
	vertical-align: -1px!important}
 
	img[src*="img/icon_private.gif"] 
	{width: 8!important;
	height: 8!important;
	background: transparent no-repeat!important;
	padding: 3px 0 0 3px !important;
	vertical-align: -1px!important;
	opacity: .8}
 
	img[src*="img/icon_protected.gif"] 
	{width: 0!important;
	height: 0!important;
	background: transparent url(https://i.imgur.com/I9m1baI.png) no-repeat!important;
	padding: 10px 0 0 9px !important;
	vertical-align: -2px!important;
	opacity: .8}
 
/*hides userpic info brackets */
	.entrybox table table table td[align=center]
	{color: transparent; 
	text-align: center;
	font-size: 0;}
 
/* hides/edits navigation text */
	.index 
	{visibility: hidden;}
	table table table td.meta 
	{font-size: 0px; 
	line-height: 0px;}
	p table.entrybox table table td.meta, table table table td.meta a 
	{padding: 0 5; 
	font-family: poppins, arial, sans-serif; 
	font-size: 8px; 
  background: radial-gradient(circle, #fff, #fff)!important;
  -webkit-background-clip: text!important;
  border: 0px;
  margin-right: 20px;}
 
/* mood & music - to hide change display:visible to display:none */
	.entrybox td.meta 
	{display: none !important; 
	visibility: visible;}
 
	p table.entrybox table table td.meta, table table table td.meta a 
	{font-style: italic;
	padding: 0 0 0 0;
	font-family: poppins, arial, sans-serif; 
	font-size: 7.5px;  
	color: #;
	letter-spacing: 1px;
	text-transform: uppercase;
	position:relative;
	line-height: 110%; 
	height: 25px;
	margin-top: -15px; 
	float: left !important;
	display: block;}
 
/* cursor */
	body, a 
	{cursor:url(https://i.imgur.com/dmXrRPI.png), default;}
	a:hover
	{cursor:url(https://i.imgur.com/2EZggYa.png), default;}
 
/* highlighted text */
	::selection 
	{background-color: #fbfbfb; 
	color: #8797e2;}
 
	::-moz-selection 
	{background-color: #fbfbfb; 
	color: #8797e2;}
 
	::-webkit-selection 
	{background-color: #fbfbfb; 
	color: #8797e2;}
 
/* scrollbar */
	::-webkit-scrollbar 
	{width: 5px;} 
	::-webkit-scrollbar-track 
	{-webkit-box-shadow: inset 0 0 0px;
	background-image: url('');
	background-color: transparent;}
 
	::-webkit-scrollbar-thumb 
	{-webkit-box-shadow: inset 0px 0px 1px transparent;
	background-image:url('');
	border-radius: 0px;
	background-color: transparent;}
 
	#top 
	{position: absolute; 
	visibility: visible;
	top: 42px; 
	margin-left: -380px; 
	z-index: 1; 
	text-align: justify; 
	width: 600px;}
 
	#screen 
	{position: absolute;
  margin-left: -399px;
  top: 38px;
	visibility: visible; 
	z-index: 200;
	transform: rotate(337deg);
	filter: drop-shadow(1px 1px 1px #f3afd8) contrast(1.0) brightness(1.0) hue-rotate(1deg); 
	filter: drop-shadow(2px 1px 6px rgba(158, 167, 231, .9));}
	
	#screen img {
  display: block;
  width: 50px;
  height: 50px;}
 
	#screen:before 
	{display: none;}
	

	#screenbottom 
	{position: absolute; 
  margin-left: -396px;
  top: 87px;
  visibility: visible;
  transform: rotate(341deg);
	z-index: 200;
	filter: drop-shadow(1px 1px 1px #f3afd8) contrast(1.0) brightness(1.0) hue-rotate(1deg); 
	filter: drop-shadow(2px 1px 6px rgba(158, 167, 231, .9));}
	
	#screenbottom img {
  display: block;
  width: 50px;
  height: 50px;}
 
	#screenbottom:before 
	{display: none;}
 
  #jk 
  {position: absolute;
  margin-left: -350px;
  top: 140px;
  visibility: visible;
  filter: drop-shadow(1px 1px 1px rgba(125, 144, 221, 1));
  transform: rotate(1deg);
  z-index: 2000000;}

  #jk:hover 
  {filter: drop-shadow(1px 1px 1px rgba(125, 144, 221, 1));}
	
  #ds 
  {position: absolute;
  margin-left: -429px;
  top: 30px;
  visibility: visible;
  filter: drop-shadow(1px 1px 1px rgba(125, 144, 221, 1));
  transform: rotate(337deg);
  z-index: 200000;}

  #game-arrow
  {visibility:visible; 
  position: absolute; 
  top:-2px; 
  text-align:center; 
  z-index:99999;}
  
  #game-arrow img
  {display:inline; 
  max-width:100%;}
  
  #game-arrow-inner
  {display:block; 
  margin:10px 30px;}
  
input[type=checkbox]
  {display:none;}

label
  {display:block; 
  margin:0 -45px; 
  cursor:pointer; 
  background:; 
  border:none; 
  border-bottom:none!important; 
  text-align:left; 
  -webkit-border-radius:4px; 
  border-radius:5px;}
  
label i
  {font-style:normal; 
  display:block;}

/* drop menu */
.drop{
  display: flex;
  flex-direction: column;
  margin: 0px -18px;
  margin-left: -54px;
  margin-top: 0px;
  max-height:0; 
  width: 90px;
  overflow:hidden; 
  text-align:left;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 1.5px;
  box-shadow:0 0 0px #;
  -webkit-border-radius: 5px 5px 5px 5px; 
  border-radius:0px; 
  -webkit-transition:all 0.5s ease-in-out; 
  -moz-transition:all 0.5s ease-in-out; 
  -ms-transition:all 0.5s ease-in-out; 
  -o-transition:all 0.5s ease-in-out; 
  transition:all 0.5s ease-in-out;}

input[type=checkbox]:checked ~ label
  {-webkit-border-radius:5px 5px 5px 5px; 
  border-radius:5px 5px 5px 5px;}
  
input[type=checkbox]:checked ~ .drop
  {max-height:400px;}

/* drop menu text color and background color */
  .drop a
  {display:block; 
  color: #fff; 
  padding:1px 4px;
  text-decoration:none;}
  
.drop a:hover
  {background:transparent; 
  color:#fff;}

a.droppy 
  {font-family: 'jeon', arial;
  text-decoration: none;}

.game-arrow 
  {background: url("https://i.imgur.com/8jhjkhPS2hHx.gif") no-repeat;
  width: 9px;
  height: 9px;
  padding-right: 8px;
  display: inline-block;}

a.droppy:hover .game-arrow 
  {background: url("https://i.imgur.com/8PS2hHx.gif") no-repeat;}

	#star1 {position: absolute; top: 31px; left: 50%; margin-left: -421px; color: #; font-size: 23px; filter: drop-shadow(2px 1px 2px rgba(158, 167, 231, .2)); z-index: 300000;}
	#star2 {position: absolute; top: 147px; left: 50%; margin-left: -412px; color:#; font-size: 15px; filter: drop-shadow(2px 1px 2px rgba(158, 167, 231, .2)); z-index: 300000;}
	#star3 {position: absolute; top: 46px; left: 50%; margin-left: -427px; color: #; font-size: 12px; filter: drop-shadow(2px 1px 2px rgba(158, 167, 231, .2)); z-index: 300000;}
	#star4 {position: absolute; top: 55px; left: 50%; margin-left: -299px; color:#; font-size: 12px; filter: drop-shadow(2px 1px 2px rgba(158, 167, 231, .2)); z-index: 300000;}
	#star5 {position: absolute; top: 123px; left: 50%; margin-left: -300px; color:#; font-size: 15px; filter: drop-shadow(2px 1px 2px rgba(158, 167, 231, .2)); z-index: 300000;}
	#star6 {position: absolute; top: 130px; left: 50%; margin-left: -310px; color:#; font-size: 12px; filter: drop-shadow(2px 1px 2px rgba(158, 167, 231, .2)); z-index: 300000;}
	#star7 {position: absolute; top: 160px; left: 50%; margin-left: -401px; color:#; font-size: 20px; filter: drop-shadow(2px 1px 2px rgba(158, 167, 231, .2)); z-index: 300000;}
 
  @keyframes blinkingText {0%{color: #fff;} 49%{color: #fff;} 60%{color: transparent;} 80%{color: transparent;} 100%{color: #fff;}}
 
	.blinking {animation: blinkingText 4s infinite;}
	.blinking2 {animation: blinkingText 8s infinite;}
	.blinking3 {animation: blinkingText 14s infinite;}

 
/* -coding */
	table table table table .meta 
	{visibility: hidden; 
	position: absolute;}
	table table table table table .meta 
	{visibility: visible; 
	position: relative;}
	tr.caption 
	{display:none}
	.shadowed td div 
	{font-size: 0px; 
	color: transparent; 
	position: absolute; 
	top:-10px; 
	margin-top: -5px;}
	.shadowed span#navigation img 
	{display:inline; 
	visibility:visible; 
	position:relative;}
</style>
 
<=GLOBAL_HEAD

DAY_DATE_FORMAT<=
</td></tr><tr><td class="dates">
%%mm%%/%%dd%% <img src="https://i.imgur.com/4enGWxM.gif" height="10" style="animation: text-shadow-multicolor 2s infinite;filter: drop-shadow(0.5px 0.5px 0px #fff);padding-left: 3px;padding-right: 3px;margin-bottom: -1px;"> %%12h%%:%%min%%%%ampm%%</font></td></tr><tr><td class="dated">
<=DAY_DATE_FORMAT

LASTN_DATE_FORMAT<=
</td></tr><tr><td class="dates">
%%mm%%/%%dd%% <img src="https://i.imgur.com/4enGWxM.gif" height="10" style="animation: text-shadow-multicolor 2s infinite;filter: drop-shadow(0.5px 0.5px 0px #fff);padding-left: 3px;padding-right: 3px;margin-bottom: -1px;"> %%12h%%:%%min%%%%ampm%%</font></td></tr><tr><td class="dated">
<=LASTN_DATE_FORMAT

FRIENDS_TALK_READLINK=><a style="box-shadow: inset 0 -10px 0 rgba(255, 255, 255, 0.3);" href="%%urlread%%">%%messagecount%% comments</a>