body{margin:0;background-image:url(/assets/bg-BoCDMVcz.webp);background-size:cover;height:100vh;background-repeat:no-repeat;overflow:hidden}*{font-family:Tahoma,sans-serif!important;box-sizing:border-box;font-size:1em}iframe{position:absolute;z-index:1}.title-bar-text span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:80%}.navbar{background-color:#ece9d8;box-shadow:inset -1px -1px #00138c,inset 1px 1px #0831d9,inset -2px -2px #001ea0,inset 2px 2px #166aee,inset -3px -3px #003bda,inset 3px 3px #0855dd;padding:20px;width:100%;margin-inline:auto;grid-area:t}.navbar ul{list-style:none;padding:0;display:flex;justify-content:space-between}@media screen and (max-width: 900px){.navbar{max-width:unset!important;width:90%}}a[disabled]{pointer-events:none;color:#4b6bf2!important;text-decoration:none}.window{overflow-y:hidden}.window .title-bar-text{display:flex;align-items:center;gap:10px;text-overflow:ellipsis;text-wrap:nowrap;overflow-x:hidden}.window .title-bar-text img{width:20px}.window:not(#player)#webrings{grid-area:n}.window:not(#player)#blinkies{grid-area:b}.window:not(#player)#blinkies .window-body{max-height:89%;overflow-y:auto}.window:not(#player)#music{grid-area:m;min-width:200px}.window:not(#player)#music .window-body{max-height:95%;overflow-y:auto}.window:not(#player)#about{grid-area:a}.window:not(#player)#blog{grid-area:w;position:relative}.window:not(#player)#guest{grid-area:g;min-width:200px}.windows{overflow-y:auto;height:90%;margin-inline:auto;padding-bottom:50px;padding-inline:10px;display:grid;gap:20px;grid-template-areas:"n n t t t t t m m m" "n n w w w w w m m m" "b b a a a g g m m m"}@media screen and (max-width: 1160px){.windows{gap:10px;grid-template-areas:"t t t t t t t t t t" "n n w w w w w m m m" "b b a a a a a m m m" "b b g g g g g m m m"}.windows .window{overflow-y:visible}.windows .window#guest .window-body{text-align:center}.windows .window#guest .window-body img{height:200px}}@media screen and (max-width: 900px){.windows{justify-content:center;grid-template-areas:"t t t t t t t t t t" "n n n n n a a a a a" "g g g g g g g g g g" "w w w w w w w w w w" "m m m m m m m m m m" "b b b b b b b b b b"}}@media screen and (max-width: 476px){.windows{justify-content:center;grid-template-areas:"t t t t t t t t t t" "n n n n n n n n n n" "a a a a a a a a a a" "g g g g g g g g g g" "w w w w w w w w w w" "m m m m m m m m m m" "b b b b b b b b b b"}}@media screen and (max-width: 400px){.windows .window .title-bar-controls [aria-label=Minimize],.windows .window .title-bar-controls [aria-label=Restore]{display:none}}nav#start{position:fixed;bottom:0;height:35px;width:100%;background:linear-gradient(180deg,#0997ff,#0053ee 8%,#0050ee 40%,#06f 88% 93%,#005bff 95%,#003dd7 96%,#003dd7);display:flex}nav#start .start{height:100%}nav#start button#start{position:relative;font-size:14pt;z-index:1;height:100%;border-top-right-radius:10% 50%;border-bottom-right-radius:10% 50%;background-color:#7bd08a;color:#fff;font-style:italic;text-shadow:1px 1px black;display:flex;align-items:center;padding-inline-end:30px}nav#start button#start span,nav#start button#start img{position:relative;z-index:1}nav#start button#start img{height:20px;margin-inline-end:5px}nav#start button#start .overlay{width:100%;height:100%;position:absolute;top:0;left:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;background:linear-gradient(to bottom,#7bd08a,#0000 15%),linear-gradient(to top,#7bd08a,#0000 15%)}nav#start button#start:before,nav#start button#start:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit}nav#start button#start:before{z-index:0;background-color:#37b851}nav#start button#start:after{background:linear-gradient(90deg,rgb(29,130,28) 0%,transparent 20%,transparent 80%,rgb(29,130,28) 100%)}nav#start .tabs{padding-inline-start:20px;display:flex;gap:2px;padding-block:3px;text-shadow:1px 1px black;color:#fff}nav#start .tabs .tab{background:linear-gradient(to bottom,#5291e9,#176fea 15% 85%,#5291e9);height:100%;flex:1 0 150px;border-radius:5px;display:flex;align-items:center;padding-inline:20px}nav#start .tabs .tab img{width:20px;margin-inline-end:5px}.sticker{width:200px}.sticker img{width:100%}#sticker-beetlejuice{left:26%;top:17.5%;display:block}#sticker-angela{display:block;left:37%;top:48.5%}.sticker{display:none}@media screen and (max-width: 900px){.sticker{display:none!important}}@media screen and (max-width: 600px){#sticker-beetlejuice{left:15%;top:44%}}@media screen and (max-width: 400px){#sticker-beetlejuice{left:4%;top:49%}#sticker-dean{left:51%;top:53%}}#music li[data-link]{cursor:pointer}#player{top:calc(50% - 180px);left:calc(50% - 290px);width:580px;height:360px;z-index:10}#blinkies{min-width:300px}#blinkies .window-body{display:flex;flex-direction:column;gap:5px;align-items:center}#blinkies img{max-width:200px}#webrings .window-body{display:flex;flex-direction:column;align-items:center}#webrings .webring{margin-top:10px}#webrings .retro .commands{display:flex;justify-content:space-between}#webrings .retro img{width:150px;display:block}#webrings .css{position:relative;background-color:#639;padding:7px 10px;color:#fff;text-shadow:1px 1px black;border-right:2px solid rgb(51,2,99);border-bottom:2px solid rgb(51,2,99);border-left:2px solid rgb(229,203,255);border-top:2px solid rgb(229,203,255)}#webrings .css a{color:#e5cbff}#webrings .css .hex{font-size:7pt;text-shadow:none;color:#e5cbff;text-align:end;margin-bottom:5px}#webrings .css:before{pointer-events:none;content:"";position:absolute;top:0;left:0;width:calc(100% - 4px);height:calc(100% - 4px);border-right:2px solid rgb(69,20,118);border-bottom:2px solid rgb(69,20,118);border-left:2px solid rgb(150,105,194);border-top:2px solid rgb(150,105,194)}@media screen and (max-width: 1190px){#webrings{left:10%;top:51%}}@keyframes border{0%{border-right:2px solid rgb(69,20,118);border-bottom:2px solid rgb(69,20,118);border-left:2px solid rgb(150,105,194);border-top:2px solid rgb(150,105,194)}33%{border-right:2px solid rgb(150,105,194);border-bottom:2px solid rgb(69,20,118);border-left:2px solid rgb(69,20,118);border-top:2px solid rgb(150,105,194)}66%{border-right:2px solid rgb(150,105,194);border-bottom:2px solid rgb(150,105,194);border-left:2px solid rgb(69,20,118);border-top:2px solid rgb(69,20,118)}to{border-right:2px solid rgb(69,20,118);border-bottom:2px solid rgb(150,105,194);border-left:2px solid rgb(150,105,194);border-top:2px solid rgb(69,20,118)}}@keyframes borderext{0%{border-right:2px solid black;border-bottom:2px solid black;border-left:2px solid white;border-top:2px solid white}33%{border-right:2px solid white;border-bottom:2px solid black;border-left:2px solid black;border-top:2px solid white}66%{border-right:2px solid white;border-bottom:2px solid white;border-left:2px solid black;border-top:2px solid black}to{border-right:2px solid black;border-bottom:2px solid white;border-left:2px solid white;border-top:2px solid black}}.window.image:has(.banner){overflow:visible}.window.image img{max-width:100%}.window.image:has(.banner){z-index:10}.banner{position:absolute;bottom:-15%;right:-5%;width:25%;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5));animation:pulsate 2s infinite}@media screen and (max-width: 900px){.banner{right:0%}}@keyframes pulsate{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}body:has(.blog-post){position:static;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;height:unset;overflow:auto;padding-block:50px;min-height:100vh}body:has(.blog-post) .navbar{width:60%}body:has(.blog-post) .blog-post{position:static;max-width:700px;width:60%}body:has(.blog-post) .blog-post .window-body img{max-width:50%;margin:10px;shape-margin:30px}body:has(.blog-post) .blog-post .window-body img:nth-of-type(odd){float:right}body:has(.blog-post) .blog-post .window-body img:nth-of-type(2n){float:left}body:has(.blog-post) .blog-post .window-body .comment-area{float:none}body:has(.blog-post) .blog-post .window-body .comment-area label{font-family:"Pixelated MS Sans Serif",Arial;-webkit-font-smoothing:antialiased;font-size:11px;box-sizing:border-box;border:1px solid #003c74;background:#00ff914d;box-shadow:none;border-radius:3px;min-height:23px;padding:0 12px;margin-left:0}body:has(.blog-post) .blog-post .window-body .comment-area label:before,body:has(.blog-post) .blog-post .window-body .comment-area label:after{content:unset}body:has(.blog-post) .blog-post .window-body .comment-area .comment-area-controls{display:flex;gap:10px;padding-block-end:10px}body:has(.blog-post) .blog-post .window-body .comment-area .comment-area-controls:has(input[type=checkbox]:not(:checked))~.add-comment-section{display:none}body:has(.blog-post) .blog-post .window-body .comment-area .add-comment-section{display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin-block-end:20px}body:has(.blog-post) .blog-post .window-body .comment-area textarea,body:has(.blog-post) .blog-post .window-body .comment-area input{width:100%;border:1px solid #7f9db9}body:has(.blog-post) .blog-post .window-body .comment-area .comment{margin-block-end:10px}body:has(.blog-post) .blog-post .window-body .comment-area .comment .comment-header{display:flex;justify-content:space-between;font-weight:700;margin-block-end:5px}body:has(.blog-post) .blog-post .window-body button{background:#0000ff4d;min-width:unset;display:flex;align-items:center;gap:10px}body:has(.blog-post) .blog-post .window-body button img{margin:0;width:15px}body:has(.blog-post) .blog-post .window-body button:disabled img{opacity:.5}body:has(.blog-post) .blog-post .title-bar{position:sticky;top:0}body:has(.blog-post) .blog-post header img{width:100%;aspect-ratio:16/9;max-width:unset!important;object-fit:cover;float:unset!important;margin:0!important}body:has(.blog-post) .blog-post h1{font-size:20pt}body:has(.blog-post) .blog-post .date{text-align:end}body:has(.blog-post) .blog-post .categories .tags{margin-inline-start:5px;font-style:italic;display:inline-flex;gap:5px}body:has(.blog-post) .blog-post .categories .tags .tag:not(:last-child):after{content:","}@media screen and (max-width: 700px){body:has(.blog-post) .blog-post,.navbar{width:80%!important}}