@font-face { font-family: pixel; src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);}

body{
background-image: url("https://nxcromantik.neocities.org/BG/dearS.png");
background-size: cover;
letter-spacing:1px;
font-family:'pixel', arial;
font-size:11px;
line-height:14px;
text-shadow:0px 0px 1px #bbb;
color:#E15D99;

a:link, a:visited, a:active { 
color:#333;text-decoration:none;}
a:hover {color:#EBC729;}

b {color:#EBC729;}
  
img {border:0;}

::-webkit-scrollbar-thumb {
background-color: #EFD990;  
border-radius: 0px;
border:1px solid #E469A8;border-right:0;}
  
::-webkit-scrollbar {
width: 5px; height: 0px; 
background: transparent;}
  
  
  
#layout {
margin: 20px auto;
width: 720px;}
  
      
#header1 {
float: left;
margin: 0 auto;}

#header2 {
width: 720px;
height: 260px;
background: url(https://64.media.tumblr.com/59d98cb25fda0b4206fa2328d694a553/9503027fc8966c72-6a/s400x600/ccee9568bdbf200f2162c0d0ea85447db6a164e3.webp) center no-repeat;}
  

.sitename a {color:#E02650;text-transform:uppercase;letter-spacing:5px;
height:26px;line-height:26px;font:26px 'doto';border-bottom:2px dotted #eee;padding-bottom:4px;}
.sitename a:hover {color:#fff;}
  
 
#navigation {
float: left;
margin: 0 auto;}

#navi {
width: 720px;
height: 20px;
line-height:20px;
text-align:center;}
  
#navi a { 
display:inline-block;
background: #EE5397; 
font:normal 9px 'silkscreen',arial;
line-height:9px;
text-transform:uppercase;
padding-top:2px; 
padding-left:5px;
padding-right:5px;
padding-bottom:2px;
margin-bottom:4px;
letter-spacing:1px;
color:#fff;
border-radius:10px;
border:1px solid #D82670;}
      
#navi a:hover {
color:#EBC729;}
      

#content1 {
width: 600px;
float: center;
margin: 0 auto;}

#content2 {
padding:6px;}

  
#left1 {
width:180px;
float: left;
margin: 0 auto;}

#left2 {
padding:6px;
background:transparent;}
  

#right1 {
width: 180px;
float: left;
margin: 0 auto;}

#right2 {
padding:6px;
background:transparent;}
  
.holder{
  filter: saturate(120%);
  margin: 0 auto;
  width: 710px;
  margin-top: 60px;
}

.inner{
  margin: 10px;
  width: auto;
  
  height: 800px;
  overflow: hidden;
  position: relative;

  background: url('')
  
}

.foodlog-stream{
  background: rgb(7 7 7 / 40%);;
  display: flex;
  margin: 0 auto;
  padding: 10px;
  flex-direction: column;
  overflow-y: scroll;
  height: 589px;
  padding-right: 0px;
  position: relative;
  height: 560px;
  overflow-x: hidden;
}

.foodlog-stream > div{

  margin: 0 auto;
  text-align: center;
  background: url('');
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;

}

.post{
  display: flex;
  justify-content: left;
  width: 90%;
   
}
.foodlog-stream img{
  margin: 0 auto;
 
}
.foodlog-stream .status{
  background: linear-gradient(white,#FFEFF5,#FFEFF5);
  padding: 10px;
  border-radius: 5px;
  text-align: left !important;
  border: 1px dashed #f4b501;
  width: 100%;
  margin-left: 10px;
  box-shadow: -3px -3px 8px inset #E4D0AF66;
  
}
.foodlog-stream .timer{
  background: url('https://nxcromantik.neocities.org/BG/blugradient.png');
  padding: 4px 4px;
  border-radius: 7px;
  box-shadow: -2px -2px 3px #00000033 inset, 2px 2px 10px white inset, 2px 2px 10px white inset;
  
}
.foodlog-stream #pic{
  width: 200px;
border-image-slice:
55 50;
border-image-width:
10px 10px 10px 10px;
border-image-outset:
6px;
border-image-repeat:
repeat repeat;
border-image-source: url("https://nxcromantik.neocities.org/BG/6.png");
border-style:
solid;
  image-rendering: pixelated; 

  
}
.status hr{
  border: 0px;
  height: 10px;
  background: url('https://nyaa.neocities.org/images/cafe/divider.png');
  margin-bottom: -10px;
}

.status-inner{
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
}
.status-inner p{
  
  color: #b38785;
  display: inline;
  font-family: "BIZ UDGothic", serif;
  font-size: 14px;
  letter-spacing: 1px;
  text-shadow: -1px 0 #ffffff, 0 1px  #ffffff, 1px 0  #ffffff, 0 -1px  #ffffff, 0 0;
}
.status-inner ul{
  margin-top: 4px;
  font-family: biz udgothic;
  font-size: 12px;
  color: #ff95c2;
      text-shadow: -1px 0 #ffffff, 0 1px  #ffffff, 1px 0  #ffffff, 0 -1px  #ffffff, 0 0;
  
}
.status-inner li{
  padding-bottom: 4px;
      text-shadow: -1px 0 #ffffff, 0 1px  #ffffff, 1px 0  #ffffff, 0 -1px  #ffffff, 0 0;
}
  

}

.box {
display: flex;
height: 250px;
overflow: auto;
overflow-x:hidden;
background:#fff;
padding: 4px;
border:1px solid #D82670;
box-shadow: 5px 6px #EBC729;
margin-bottom:14px;}

.box #pic{
display: flex;
width: 200px;
padding: 6px;
float: left;
border-image-slice:
55 50;
border-image-width:
10px 10px 10px 10px;
border-image-outset:
6px;
border-image-repeat:
repeat repeat;
border-image-source:
url("https://nxcromantik.neocities.org/BG/blugradient.png");
border-style:
solid;
  image-rendering: pixelated;   
}

.content {
display: inline-block;
overflow: auto;
overflow-x:hidden;
background:#fff;
padding: 4px;
border:1px solid #D82670;
box-shadow: 5px 6px #EBC729;
margin-bottom:14px;
}


.scrollbox {
height:100px;
overflow:auto;
overflow-x:hidden;
background:#fff;
padding: 4px;
border:1px solid #D82670;
box-shadow: 5px 6px #EBC729;
margin-bottom:14px;}
  

.title {
display: flex;
font:12px ms gothic, 'pixel', arial;
color:#fff;
border-left:4px solid #EE5397;
background:#EBC729;
margin-bottom:4px;
margin-left:12px;
padding-left:4px;}
  
.desc {
padding-left: 6px
}

.extralinks a {
display:inline-block;
color:#fff;
font:normal 13px 'pixelify sans',arial;
width:150px;
background:#EE5397;
border-left:5px solid #EBC729;
border-bottom-right-radius:10px;
padding-left:5px;
letter-spacing:3px;
margin-bottom:1px;}
  
.extralinks a:hover {color:#EBC729;}

textarea {font:10px calibri,arial;letter-spacing:1px;color:#444;}