BODY { margin:0px; padding:0px; color:white; background:black url('window/1.webp') fixed center no-repeat; background-size:cover; }
AUDIO { position:absolute; bottom:1px; right:1px; }
H1,H2,H3,H4,H5 { margin:0px; padding:0px; }
#musbox { box-shadow:-1px 1px 1px #fa0; text-shadow:-1px 1px 1px #fa0; animation-name:vibr2; animation-duration:1s; animation-timing-function:linear; animation-direction:alternate; animation-iteration-count:infinite; }
HR { color:transparent; margin:0px; padding:0px; height:30px; border:none; }
A,U { text-decoration:none; color:#fff; }
I { font-family:Tahoma; font-size:30%; }
U { font-size:50%; display:block; text-align:right; margin-right:30%; }
P,U { font-family:Georgialoc,Georgia; font-weight:bold; text-shadow:0px 1px 0px #444; white-space:nowrap; }
P::first-letter { color:#FA0; text-transform: capitalize; text-shadow:0px 1px 0px #630; }
P.o,U.o { color:#FA0; text-align:right; }
#texbuf,#rawtexbuf { position:absolute; left:2px; top:2px; width:10px; height:10px; overflow:hidden; z-index:-1; }
#prebuf { position:absolute; left:0px; top:0px; right:0px; bottom:0px; position:fixed; opacity:0.05; overflow:hidden; z-index:-1; }
#prebuf IMG { width:60px; height:45px; display:block; }
#buf4 { position:absolute; top:0px; right:0px; }
#buf8 { position:absolute; bottom:0px; right:0px; }
#winlist { position:absolute; top:19%; left:6.3%; font:2.5vw Pixelloc,Small Fonts,MS Serif,System; }
#winlist A { text-decoration:none; color:#fff; text-shadow:1px 1px 2px #444; }
#winlist A:hover { text-shadow:-1px 1px 1px #fff; animation-name:vibr; animation-duration:1s; animation-timing-function:linear; animation-direction:alternate; animation-iteration-count:infinite; }
#winlist A.current { text-decoration:none; color:#FA0; text-shadow:1px 1px 1px #630; animation-name:none; }
#archref { position:absolute; bottom:12%; left:6.3%; font:2.5vw Systemloc,System; }
#archref A { text-decoration:none; color:#fff; text-shadow:1px 1px 2px #444; }
#archref A:hover { text-decoration:none; color:#FA0; text-shadow:1px 1px 1px #630; }
#texblock { position:absolute; left:33%; top:10%; width:67%; height:80%; overflow:auto; font:2.5vw MonotypeCorsivaloc,Monotype Corsiva,Segoe Script; text-shadow:1px 1px 0px #666; }
#name { position:absolute; left:32%; top:11.5%; transform:rotate(90deg); transform-origin:0 0 0; font-size:6vh; line-height:6vh; }
#name P { font-family:Swanlyloc,Swanly,Gabriola; text-shadow:-2px 1px 1px #666; transform:matrix(-1,0,0,-1,0,0); }
#name P::first-letter { text-shadow:-2px 1px 1px #830; }
#extdesc { color:#fff; font:0.95vw Georgia; line-height:0.95vw; font-weight:bold; position:absolute; bottom:0%; left:37%; text-align:center; }
#nameP { color:#fff; font:0.95vw Georgia; font-weight:bold; position:absolute; top:0%; left:0.5%; z-index:499; text-align:center; border-bottom:1px dotted #fff; }
#year { position:absolute; bottom:5%; right:25%; font-size:1.5vw; }
#window { position:absolute; left:0px; top:0px; right:0px; bottom:0px; position:fixed; }
#window IMG { margin:0px; padding:0px; width:100%; height:100%; }
#backbuf IMG { margin:0px; padding:0px; width:100%; height:100%; }
#backbuf { position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-color:#000; opacity:0; position:fixed; }
#aboutbuf { position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:500; background-color:#000; opacity:0.7; position:fixed; }
#aboutbufP { position:absolute; left:10%; top:8%; width:80%; height:84%; z-index:501; position:fixed; }
#aboutbufP P { white-space:normal; font-size:1.2vw; line-height:2.2vw; text-align:justify; }
#aboutbufP P FONT { white-space:nowrap; font-size:145%; }
#aboutbufP I { white-space:normal; font-size:0.75vw; text-align:justify; }

#statcnter { position:absolute; left:1px; bottom:1px; z-index:-1; }
#socialbts { position:absolute; left:-60px; bottom:3px; height:20px; line-height:20px; vertical-align:baseline; white-space:nowrap; transform:scale(0.75, 0.75); }
#socialbts DIV, #socialbts TABLE, #socialbts IFRAME, #socialbts SPAN { display:inline-block; height:20px; line-height:20px; vertical-align:baseline; white-space:nowrap; }
.karaoke_procme { font-weight:normal; animation-name:vibr3; animation-duration:60s; animation-timing-function:linear; animation-fill-mode:forwards; }
.karaoke { font-weight:normal; }
@keyframes vibr {
    0%   { text-shadow:-1px 1px 1px #fff; }
    100% { text-shadow:-1px 1px 7px #fff; }
}
@keyframes vibr2 {
    0%   { text-shadow:-1px 1px 1px #fa0; box-shadow:-1px 1px 1px #fa0; }
    100% { text-shadow:-1px 1px 7px #fa0; box-shadow:-1px 1px 7px #fa0; }
}
@keyframes vibr3 {
    0%  { filter:blur(0px); opacity:1; }
    10%  { filter:blur(1px); opacity:0.6; }
	100% { filter:blur(6px); opacity:0; }
}
@font-face { font-family:'MonotypeCorsivaloc'; src:url('fonts/monotype_corsiva.ttf'); }
@font-face { font-family:'Swanlyloc'; src:url('fonts/swanly.ttf'); }
@font-face { font-family:'Pixelloc'; src:url('fonts/pixel.ttf'); }
@font-face { font-family:'Georgialoc'; src:url('fonts/georg.ttf'); }
@font-face { font-family:'Systemloc'; src:url('fonts/syst.ttf'); }