*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;height:100vh;background-image:url(/background.jpg);background-size:cover;background-position:top;background-attachment:fixed;background-repeat:no-repeat;position:relative;overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;z-index:-1}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/hallway.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000}.overlay:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:-1}#top-bar{position:fixed;top:0;left:0;width:100%;height:60px;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:1000;border-bottom:none}#site-title{color:#fff;font-size:24px;font-weight:700;text-decoration:none;transition:color .3s ease}#site-title:hover{color:#4a9eff}#content{position:fixed;top:60px;left:0;right:0;bottom:80px;padding:40px 20px;display:flex;justify-content:center;align-items:center;overflow-y:auto}.content-section{display:none;max-width:1000px;width:100%;color:#fff;text-align:center;vertical-align:middle;columns:480px auto;column-gap:30px;column-rule:1px solid #ccc}.content-section.active{display:block;animation:fadeIn .3s ease-in}a{color:#fff}img{max-width:75%;height:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-section h2{font-size:36px;width:100%;margin-bottom:50px;color:#4a9eff;column-span:all}.content-section p{font-size:18px;line-height:1.6;column-span:all}.content-section p.half-width{column-span:none}#bottom-bar{position:fixed;bottom:0;left:0;width:100%;height:80px;background-color:#000c;display:flex;justify-content:space-evenly;align-items:center;z-index:1000;border-top:2px solid rgba(255,255,255,.1)}.nav-btn{background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border-radius:5px}.nav-btn:hover{background-color:#4a9eff;border-color:#4a9eff;transform:translateY(-2px)}.nav-btn:active{transform:translateY(0)}@media (max-width: 768px){#top-bar{height:50px}#site-title{font-size:18px}#content{top:50px;bottom:100px;padding:20px 10px}.content-section h2{font-size:28px}.content-section p{font-size:16px}.content-section p.half-width{column-span:all}img{max-width:0%;height:auto;display:none}#bottom-bar{height:100px;padding:10px 5px}.nav-btn{padding:10px 12px;font-size:13px;border-width:1px}}@media (max-width: 480px){#site-title{font-size:16px}#content{bottom:110px}.content-section h2{font-size:24px}.content-section p{font-size:14px}.content-section p.half-width{column-span:all}img{max-width:0%;height:auto;display:none}#bottom-bar{height:110px;flex-wrap:wrap;padding:8px 5px;gap:5px}.nav-btn{padding:8px 10px;font-size:12px;flex:0 0 calc(33.333% - 7px)}}