html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}

@font-face {
  font-family: 'New Font';
  src: url('../fonts/851h-kktt-fixed.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Cubular Title';
  src: url('../fonts/cubular-title-pixelated.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@-moz-document url-prefix() {
  :root {
    scrollbar-width: thin;
    scrollbar-color: #D6FF8F #96EB17;
    cursor: url("../assets/Arrow\ texture.png"), auto;
}

.blog {
    crollbar-width: thin;
    scrollbar-color: #D6FF8F #96EB17;
    cursor: url("../assets/Arrow\ texture.png"), auto;
}
}

html {
cursor: url("../assets/Arrow texture.png"), auto;  
}

body {
image-rendering: pixelated;
background-color: rgb(124, 197, 76);
width: 100%;
min-width: fit-content;
min-height: 100%; 
color: GreenYellow;
font-family: 'New Font';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: none;
font-smooth: none;
overflow-x: hidden;
}

*::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
*::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #96EB17;
}

*::-webkit-scrollbar-track:hover {
  background-color: #56D91E;
}

*::-webkit-scrollbar-track:active {
  background-color: #53B068;
}

*::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #D6FF8F;
  border: 1px dashed #E8FFAA;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #BEF29B;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #A2E8B7;
}

.structure {
display: grid;  
grid-template-columns: 550px 297px 250px;
grid-template-rows: 270px 500px 35px;
justify-content: center;
column-gap: 3px;
row-gap: 3px;
margin-top: 130px;
margin-bottom: 2%;
}

.header {
grid-column: 1/2;
grid-row: 1/2;
margin-top: -110px;
}

.blog {
grid-column: 1/2;
grid-row: 1/3;
border: 1px dashed cadetblue;
width: 550px;
height: 771px;
background-color: rgb(179, 224, 16);    
}

.blog::-webkit-scrollbar {
width: 4px;
height: 8px;
}

.blog::-webkit-scrollbar-track {
box-shadow: none;
background-color: transparent;
}

.blog::-webkit-scrollbar-thumb {
background: rgb(150, 123, 5);
box-shadow: none;
width: 4px;
}

.blog::-webkit-scrollbar-corner {
background-color: crimson;
box-shadow: inset 0 0 3px greenyellow;
}

.blog::-webkit-scrollbar-button {
width: 0;
height: 7px;
background-color: transparent;
box-shadow: none;
}

.comments {
grid-column: 2/3;
grid-row: 2/3;
padding: 5px;
background-color: rgb(116, 221, 56);
margin-left: 3px;
margin-top: 67px;
border: 1px dashed rgb(87, 165, 119);
}

.comment_header {
grid-column: 2/3;
grid-row: 2/3;
margin-top: 27px;
margin-left: 10px;
z-index: 2;
}

#chattable {
height: 390px;
width: 282px;
margin-top: 30px;
}

.intro {
grid-column: 3/4;
grid-row: 1/2;
background-color: rgb(179, 224, 16);
border: 1px dashed rgb(87, 165, 119);
color: black;
text-shadow: 0 1px 0 rgb(105, 250, 20);
padding: 7px;
text-align: justify;
}

.intro p {
line-height: 23px;
margin-top: 27px;
}

.entries {
grid-column: 3/4;
grid-row: 2/3;
background-color: rgb(179, 224, 16);
border: 1px dashed rgb(87, 165, 119);
}

.entries a {
display: block;
background-color: rgb(212, 247, 85);
color: black;
padding: 10px;
margin: 5px;
text-shadow: 0 1px 0 rgb(71, 255, 93);
box-shadow: inset 0 0 2px rgb(71, 255, 93);
text-align: center;
border: 1px dashed rgb(75, 189, 0);
text-decoration: none;
}

.entries h3 {
font-family: 'Cubular Title';
font-size: 36px;
color: rgb(38, 35, 67);	
text-shadow: 0 1px 0 black, 0 -1px 0 rgb(192, 251, 70), 0 2px 0 rgb(136, 255, 106), 0 0 5px rgb(129, 243, 206);
font-weight: bold;
text-align: center;
margin-top: 0;
word-spacing: 3px;
}

footer {
grid-column: 1/2;
grid-row: 3/4;
background-color: rgb(27 97 104);
border: 1px dashed rgb(87, 165, 119);
color: rgb(176, 254, 14);
text-shadow: 0 1px 0 black;
width: 440px;
text-align: center;
align-content: center;
}

.doll {
grid-column: 3/4;
grid-row: 1/2;
z-index: 3;
margin-top: -88px;
margin-left: 130px;
}