:root{--text-color:#ffffff;--link-color:#cccccc;--link-hover:#ffffff;--border-color:#444444}
*{margin:0;padding:0;box-sizing:border-box}
html,body{min-height:100%;width:100%;background-color:transparent;color:var(--text-color);font-family:monospace;line-height:1.6;overflow-x:hidden}
body{position:relative;min-height:100dvh;overflow-y:auto}
.background-image{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('../assets/bg3.webp');background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2}
.overlay2{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.75);z-index:-1;pointer-events:none}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0,0,0);z-index:-3;pointer-events:none}
#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000;z-index:1000}
.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;margin:0 auto;position:relative;z-index:1;visibility:hidden;padding:1rem}
html.is-fallback-visible #loading-overlay{display:none}
html.is-fallback-visible #main-container{visibility:visible}
html.is-fallback-visible .text-title,html.is-fallback-visible .letter,html.is-fallback-visible #pgp-key-section,html.is-fallback-visible #links-section{opacity:1!important}
#pgp-key-section{opacity:0;transition:opacity 1s ease-in-out}
#links-section{opacity:0;transition:opacity 1s ease-in-out}
@keyframes letter-drift{0%{transform:translate3d(calc(var(--drift-x)*-.85),calc(var(--drift-y)*-.9),0) rotate(calc(var(--tilt)*-.65))}25%{transform:translate3d(calc(var(--drift-x)*-.15),calc(var(--drift-y)*-1.05),0) rotate(calc(var(--tilt)*-.2))}50%{transform:translate3d(calc(var(--drift-x)*.75),calc(var(--drift-y)*-.1),0) rotate(calc(var(--tilt)*.35))}75%{transform:translate3d(calc(var(--drift-x)*.3),calc(var(--drift-y)*.8),0) rotate(calc(var(--tilt)*.1))}100%{transform:translate3d(calc(var(--drift-x)*-.55),calc(var(--drift-y)*.55),0) rotate(calc(var(--tilt)*-.45))}}
@keyframes star-twinkle{0%,100%{opacity:0.1;transform:scale(0.7)}50%{opacity:1;transform:scale(1)}}
.text-title{font-family:"Times New Roman",Times,serif;font-size:5.5rem;text-transform:lowercase;text-align:center;line-height:1;color:var(--text-color);user-select:none;-webkit-user-select:none;-ms-user-select:none;margin:1rem 0;opacity:0;transition:opacity 1s ease-in-out;position:relative;display:flex;justify-content:center;gap:.35rem}
.letter{display:inline-block;text-shadow:0 0 5px rgba(255,255,255,.6),0 0 10px rgba(255,255,255,.3);opacity:0;transition:opacity .5s ease-in-out;will-change:transform}
.letter.floating{animation:letter-drift var(--float-duration,6.6s) linear infinite alternate}
.letter.floating:nth-child(1){--drift-x:1.8px;--drift-y:4.8px;--tilt:.75deg;--float-duration:6.8s;animation-delay:-1.7s}
.letter.floating:nth-child(2){--drift-x:-2.2px;--drift-y:4.2px;--tilt:-.85deg;--float-duration:7.4s;animation-delay:-4.2s}
.letter.floating:nth-child(3){--drift-x:2.7px;--drift-y:3.6px;--tilt:.95deg;--float-duration:6.2s;animation-delay:-2.6s}
.letter.floating:nth-child(4){--drift-x:-1.9px;--drift-y:5.1px;--tilt:-.7deg;--float-duration:7.9s;animation-delay:-5.1s}
.letter.floating:nth-child(5){--drift-x:1.5px;--drift-y:4.4px;--tilt:.6deg;--float-duration:6.9s;animation-delay:-3.4s}
.letter.floating:nth-child(6){--drift-x:-2.4px;--drift-y:3.8px;--tilt:-.9deg;--float-duration:7.2s;animation-delay:-6s}
.star{position:fixed;width:2px;height:2px;background-color:white;border-radius:50%;animation:star-twinkle 3s infinite ease-in-out;z-index:-1;opacity:0;transition:opacity 1.5s ease-in-out}
.content-section{width:100%;text-align:center}
.pgp-key-container{text-align:center;margin:1rem 0;padding-bottom:1rem}
.pgp-key{color:var(--link-color);text-decoration:none;font-size:1.25rem;word-break:break-all}
.pgp-key:hover{color:var(--link-hover);text-decoration:underline}
.links-container{display:flex;flex-wrap:wrap;gap:1.3rem;width:100%;justify-content:center}
.link-item{display:inline-block;text-decoration:none;color:var(--link-color);transition:color .2s ease;font-size:1.2rem}
.link-item:hover{color:var(--link-hover);text-decoration:underline}
@media(max-width:768px){.background-image{background-image:none}.text-title{font-size:4rem}.links-container{padding-bottom:10px}.container{padding:1rem 1rem 2rem}}

/* 404 stuff */
.error-container{text-align:center;padding:50px 20px;max-width:600px;margin:0 auto;position:relative;z-index:1}
.error-code{font-family:"Times New Roman",Times,serif;font-size:10rem;font-weight:normal;margin-bottom:10px;color:var(--text-color);text-shadow:0 0 5px rgba(255,255,255,.6),0 0 10px rgba(255,255,255,.3)}
.home-button{font-weight:normal;font-size:1.2rem;letter-spacing:1px;display:inline-block;color:var(--link-color);text-decoration:none;transition:color .2s ease}
.home-button:hover{color:var(--link-hover);text-decoration:underline}