@font-face{font-family:Kagitingan;font-style:normal;font-weight:400;src:url(/static/media/kagitingan.420663ca9cb691b669fe.otf) format("opentype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Kagitingan,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:rgba(36,0,33,.758);border-radius:20px;box-shadow:0 4px 8px #0003;display:flex;gap:1.5rem;justify-content:center;left:50%;padding:.8rem 2rem;position:fixed;top:10px;transform:translateX(-50%);width:auto;z-index:100}.nav-button{border-radius:10px;color:#fff;font-size:1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s,font-weight .3s}.nav-button:hover{background-color:#ffc0cbb3}@media (min-width:768px){.nav-button{font-size:1.2rem;font-weight:600}}@media (max-width:767px){.navbar{padding:1rem 1.5rem;top:0}.nav-button{font-size:.9rem;font-weight:400}}.background-container{align-items:center;display:flex;justify-content:center;overflow-y:auto;text-align:center}.background-layer.back{opacity:1}.content-layer{background:#ffffff4d;border-radius:10px;color:#ff1493;padding:20px;z-index:5}.content-layer h1{margin-bottom:15px}.content-layer p{margin:10px 0}.background-container{height:100vh;overflow:hidden;position:relative;width:100%}.background-layer{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.background-layer.back{background-image:url(/static/media/desktop-background.8c5ab6fbb7821912a8d3.png);opacity:.5;z-index:1}.background-layer.front{background-image:url(/static/media/desktop-front.f0bb8e611f1552bad69e.png);opacity:.95;z-index:2}.content{color:#fff;padding:20px;position:relative;z-index:3}@media (min-width:768px){.background-layer.front{background-attachment:fixed;background-size:100% auto}.background-layer.back{background-attachment:fixed;background-size:cover}}@media (max-width:767px){.background-layer.back{background-attachment:fixed;background-image:url(/static/media/mobile-background.9f9d4e2298c8d802428c.png);background-size:cover}.background-layer.front{background-attachment:scroll;background-image:url(/static/media/mobile-front.8ede6f879887f68e9e39.png);background-repeat:no-repeat;background-size:100% auto;height:100vh}.background-container{height:100vh;overflow-y:scroll}}.cosq-logo{left:5%;width:25vw}.cosq-logo,.join-us{position:absolute;top:0;z-index:4}.join-us{right:5%;width:30vw}@media (max-width:767px){.cosq-logo{left:auto;right:5%;top:7%;width:45vw}.join-us{position:absolute;right:5%;top:27%;width:40vw;z-index:4}}.join-us{animation:scale-up-down 1s infinite}@keyframes scale-up-down{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.event-text{background-color:#fff9;border-radius:5px;bottom:8%;color:#ff69b4;font-size:3.5vw;font-weight:700;height:auto;left:2%;line-height:1.2;max-width:45%;overflow-wrap:break-word;padding:5px;position:absolute;text-align:left;text-shadow:-.25px -.25px 0 #000,.25px -.25px 0 #000,-.25px .25px 0 #000,.25px .25px 0 #000;white-space:normal;width:auto;z-index:4}.event-date,.event-venue{font-size:3vw}@media (max-width:767px){.event-text{bottom:19%;font-size:5vw;left:5%;max-width:40%}.event-date,.event-venue{font-size:4vw}}.button-container{bottom:8%;display:flex;gap:10px;position:absolute;right:4%;z-index:5}.btn{border:none;border-radius:30px;cursor:pointer;font-family:Kagitingan,sans-serif;font-size:2vw;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.btn-prebooking{background-color:#ffb6c1;color:#ff1493}.btn-prebooking:hover,.btn-volunteer{background-color:#ff1493;color:#fff}.btn-volunteer:hover{background-color:#ffb6c1;color:#ff1493}@media (max-width:767px){.button-container{bottom:12%;justify-content:center;left:0;right:0}.btn{font-size:3.4vw}}
/*# sourceMappingURL=main.8de92be6.css.map*/