@font-face {
font-family: 'basiic';
src: url('https://file.garden/Zztv0a9yEhr5pmEq/basiic.ttf') format("truetype");
}
@font-face {
font-family: 'Nintendo-DS';
src: url('fonts/Nintendo-DS-BIOS.ttf') format("truetype");
}
body {
background: #E7EDF2 url(https://64.media.tumblr.com/f6900502ff0d8d97b7777f719f676e8e/46d71838c2ab60b3-76/s75x75_c1/a15417732f9baaabc45f7960a34bbff9cf8eceec.gifv) fixed;
font-family:'Nintendo-DS', calibri, sans-serif;
font-size:17px;
text-shadow:0px 0px 1px #b3b3b3;
color: #675a4a;
letter-spacing:1px;
margin-top:40px;
cursor: url('https://sleepynightss.neocities.org/pngs/Eevee%20Walking_page_02.png') 16 16, auto;
}

#wrapper {margin:0 auto; width:800px;}

#navigationwrap, #navigation {width:800px; float:left; margin:0 auto;}
#navigation {
height:20px; line-height:20px; background:#FFF;
border:7px solid; border-image:url("https://64.media.tumblr.com/6f0c2efb2b0902a5907c60c9d1dcad9e/de283233162c752d-89/s75x75_c1/62ee23af1906bc552dbea259f32e0801263b4635.pnj") 8 fill round;
margin:5px; padding:5px;
}

#navigation a:link, #navigation a:visited, #navigation a:active {
color: #ef8a85;
font: 11px monospace;
text-transform: uppercase;
line-height: 20px;
padding: 4px;
letter-spacing: 1px;
margin-right: 10px;
}

#navigation a:hover {
color: #ef8a85;
background: #fff;
text-transform: uppercase;
line-height: 20px;
padding: 4px;
letter-spacing: 1px;
margin-right: 10px;
}

#contentwrap {width:550px; float:left; margin:0 auto;}
#content {
background:#fff;
border:7px solid; border-image:url("https://64.media.tumblr.com/6f0c2efb2b0902a5907c60c9d1dcad9e/de283233162c752d-89/s75x75_c1/62ee23af1906bc552dbea259f32e0801263b4635.pnj") 8 fill round;
margin:5px; padding:5px;
}

#rightcolumnwrap {width:250px; float:left; margin:0 auto;}
#rightcolumn {
background:#FFF;
border:7px solid; border-image:url("https://64.media.tumblr.com/6f0c2efb2b0902a5907c60c9d1dcad9e/de283233162c752d-89/s75x75_c1/62ee23af1906bc552dbea259f32e0801263b4635.pnj") 8 fill round;
margin:5px; padding:5px;
}

#footerwrap {width:800px; float:left; margin:0 auto; clear:both;}
#footer {
height:20px; background:#FFF;
border:7px solid; border-image:url("https://64.media.tumblr.com/6f0c2efb2b0902a5907c60c9d1dcad9e/de283233162c752d-89/s75x75_c1/62ee23af1906bc552dbea259f32e0801263b4635.pnj") 8 fill round;
line-height:20px; margin:5px; text-align:center;
}

::-webkit-scrollbar-thumb {background-color:#fff; border-radius:0px; border:1px solid #999;}
::-webkit-scrollbar {width:7px; height:4px; background:transparent;}

.title {background:#E9F9FF; text-transform:uppercase; font:10px monospace; letter-spacing:3px; color:#555; padding:2px; padding-left:4px; margin-bottom:4px;}
.title2 {background:#E9F9FF; text-transform:uppercase; letter-spacing:3px; color:#555; padding:2px; padding-left:4px; margin-bottom:4px; font:10px monospace; line-height:10px;}

b {color:#64B0DB;}
a:link, a:visited, a:active {color:#64B0DB; text-decoration:none;}
a:hover {color:#999;}

.pet-section {display:flex; align-items:flex-start; gap:20px; margin-bottom:20px;}
.pet-section iframe {flex-shrink:0;}
.pet-content {flex:1;}

.blinkies-container {margin-top: 10px;}
.blinkies-container img {display: block; margin-bottom: 2px;}

/* Music Player Styles */
#musicplayer{ 
font-family:'basiic';
font-weight:bold;
height:30px;
width:100%;
left:0;
top:0;
position:fixed;
margin-bottom:20px;  
display:flex;
background:linear-gradient(180deg,lightgray 0%, white 45%, gray 47%, white 100%);
border:ridge 2px white;
outline:solid 2px black;  
box-shadow:inset 10px 0px 6px -10px gray, inset -13px 0px 6px -10px gray, inset 0px 10px 6px -10px #ffffff, inset 0px -13px 6px -10px white;
z-index:1000;
}

.songtitle{ 
display:block;
padding:2px;
font-family:'pixel';
margin-top:4px;
margin-right:5px; 
font-size:15px;
color:black;
letter-spacing:1px; 
background:white;
border:gray inset 1px;
border-radius:6px;
box-shadow:inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
}

.controls{
font-size:12px;
text-align:center;
width:100px;
height:20px;
text-decoration:none;
filter:drop-shadow(2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 -2px 0 white) drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0.5px black) drop-shadow(0 0.5px black) drop-shadow(0.5px 0.5px 0 black) drop-shadow(0.5px 0.5px 0 black);
}

.controls td{padding-top:5px;}

.seeking{
width:75%;
background:transparent;
display:flex;
justify-content:space-evenly;
padding:7px;
}

.current-time{  
padding-right:5px;
margin-right:3px; 
filter:drop-shadow(2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 -2px 0 white) drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0.5px black) drop-shadow(0 0.5px black) drop-shadow(0.5px 0.5px 0 black) drop-shadow(0.5px 0.5px 0 black);
}

.total-duration{
padding-left:5px;
filter:drop-shadow(2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 -2px 0 white) drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0.5px black) drop-shadow(0 0.5px black) drop-shadow(0.5px 0.5px 0 black) drop-shadow(0.5px 0.5px 0 black);
}

input[type=range] {-webkit-appearance:none; width:100%; background:transparent;}
input[type=range]:focus {outline:none;}

input[type=range]::-webkit-slider-runnable-track {
width:100%;
height:6px;
cursor:help;
border-radius:6px;
background:black;
border:1px white solid;
}

input[type=range]::-webkit-slider-thumb {
height:30px;
width:20px;
background-image:url('https://file.garden/Zztv0a9yEhr5pmEq/tumblr_40786d3985453eb5412348aad980ac51_3a9a1088_1280%20(1).gif');
background-size:25px;
-webkit-appearance:none;
margin-top:-10px;
}

input[type=range].volume_slider::-webkit-slider-runnable-track { 
background:white;
filter:drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0.5px black) drop-shadow(0 0.5px black) drop-shadow(0.5px 0.5px 0 black) drop-shadow(0.5px 0.5px 0 black);
}

input[type=range].volume_slider::-webkit-slider-thumb {
background-image:url(https://file.garden/Zztv0a9yEhr5pmEq/798d7d72_original.png);
background-size:20px;
height:20px;
width:20px; 
margin-top:-8px;
}

.slider_container {  
width:15%;
display:flex;
justify-content:center;
align-items:center;
}

.ctrlimg {width:16px; height:16px;}

/* Falling Stars */
.star {position:fixed; pointer-events:none; z-index:1;}

@keyframes fall {
0% { transform:translateY(-100vh) translateX(0); opacity:1; }
100% { transform:translateY(100vh) translateX(var(--sway)); opacity:1; }
}