@font-face {
    font-family: "memory"; 
    src: url("/fonts/memory.ttf") format("truetype");
}

@font-face {
    font-family: "elegance"; 
    src: url("/fonts/elegance.ttf") format("truetype");
}

::selection{
color: #8C7924;
-webkit-text-stroke: 1px #70611E; 
text-shadow: #70611E 0px 0 5px;
}

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.00) 50%);
z-index: 100;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

body{
cursor: url("/cursors/flower.png"), default;
background-image: url('/pollyanna/trees3.png');
background-position: center;
background-color: #000;
background-size: 100%;
height: 768px;
width: 1366px;
overflow-x: hidden;
overflow-y: hidden;
color: #000;
z-index: 1;
}

#back{
  font-family: memory;
  font-size: 70px;
  font-weight: 400;
  position:absolute;
  left: 10px;
  top: -55px;
  z-index: 50;
  color: #1F1B16;
}

#backlink{
  font-family: memory;
  font-size: 70px;
  font-weight: 400;
  color: #1F1B16;
}

#backlink:hover{
  color: #363D03;
}

#textarea{
background-image: url('xxx');
margin: 0 auto;
width: 450px;
height: 550px;
padding: 0px;
border: 1px dotted #865317;
position:absolute;
top: 130px;
left: 430px;
background-color: rgba(0, 0, 0, 0.4);
overflow-x:hidden;
overflow-y:hidden;
box-shadow: 0px 0px 5px #865317, inset 0px 0px 5px #865317;
z-index:3;
backdrop-filter: blur(3px) contrast(100%);
}

#links{
margin: 0 auto;
width: 100px;
height: 60px;
padding: 3px;
position:absolute;
top: 40px;
left: 65px;
margin-top: 3px;
overflow-x:hidden;
overflow-y:hidden;
z-index:3;
}

#speak{
margin: 0 auto;
width: 250px;
height: 500px;
padding: 0px;
border: 1px solid #000;
position:absolute;
top: 30px;
left: 180px;
z-index: 5;
background-color: #000;
overflow-x:hidden;
overflow-y:hidden;
box-shadow: 0px 0px 10px 5px #000;
z-index:3;
}

#logo{
position: absolute;
top: -85px;
left: 610px;
z-index: 20;
font-family: memory;
font-size: 170px ;
font-weight: 300;
letter-spacing: 0px;
color: #6b6f1e;
-webkit-text-stroke: 1px #000; 
text-shadow: #000 0px 0 5px;
pointer-events: none;
}

#fullbody{
position: absolute;
top: 70px;
left: -20px;
z-index: 19;
pointer-events: none;
filter: drop-shadow(0px 0px 4px #865317);
}

#flower{
position: absolute;
top: 35px;
left: 550px;
z-index: 8;
pointer-events: none;
filter: drop-shadow(0px 0px 2px #000);
}

#bracelets{
position: absolute;
top: 610px;
left: 700px;
z-index: 8;
pointer-events: none;
filter: drop-shadow(0px 0px 2px #000);
}

#bracelets2{
position: absolute;
top: 640px;
left: 560px;
z-index: 7;
pointer-events: none;
filter: drop-shadow(0px 0px 2px #000);
}

#necklace{
position: absolute;
top: 125px;
left: 790px;
z-index: 8;
pointer-events: none;
filter: drop-shadow(0px 0px 2px #000);
transform: scaleX(-1);
}


p{
font-family: elegance;
font-size: 9px;
color: #93380c;
line-height: 12px;
margin: 0px;
}

#linkstext{
line-height: 13px;
}

a{
cursor: url("/cursors/flower.png"), default;
font-family: elegance;
font-size: 9px;
color: #651808;
line-height: 12px;
margin: 0px;
text-decoration: none;
transition: 0.4s;
}

a:hover{
cursor: url("/cursors/flower.png"), default;
letter-spacing: 2px;
color: #A47821;
}

canvas{
  filter: blur(0.5px);
  pointer-events:none;
}