html{scroll-behavior:smooth;overflow-x:hidden;font-family:poppins}body{margin:0;padding:0;background:#000}.topBar{height:80px;width:100%;display:flex;justify-content:center;align-items:center}.navigationHolder{display:flex;align-items:center;justify-content:center;max-width:100%;padding:0 16px}.buttonsHolder{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}.navigationButton{font-family:Poppins,sans-serif;text-decoration:none;font-size:14px;font-weight:500;color:#004581;transition:color .2s ease,font-weight .2s ease;display:inline-flex;align-items:center;justify-content:center}.navigationButton:hover{color:#0071d4}.navigationButton.active{font-weight:700;color:#0071d4}.navigationButton.storebutton{background:linear-gradient(180deg,#0071d4,#004581);padding:8px 18px;border-radius:20px;color:#f0f8ff;font-weight:600;box-shadow:0 4px 6px #00458133;transition:transform .2s ease,box-shadow .2s ease}.navigationButton.storebutton:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0045814d}.navigationButton.storebutton.active{font-weight:800}.headerText{font-size:2.5rem;font-weight:800}.tagInfo{color:#f0f8ff;border-radius:20px;font-size:10px;padding:5px 20px;background:#004581;background:linear-gradient(360deg,#004581,#0069c4);width:fit-content;height:20px;display:flex;justify-content:center;align-items:center;font-weight:700;cursor:default}.joinButtonHolder{display:flex;justify-content:center;align-items:center;gap:50px;margin-top:20px}.joinButton{display:flex;justify-content:center;align-items:center;text-decoration:none;border-radius:40px;border:solid aliceblue 2px;font-size:12px;font-weight:700;color:#f0f8ff;height:40px;width:200px;background:linear-gradient(360deg,#3c8527,#52a535);cursor:pointer;transition:all ease-in .1s}.joinButton:hover{box-shadow:4px 2px 15px 5px #00000036;transition:all ease-in .1s}.joinButton img{object-fit:contain;height:35px;width:fit-content}.joinButton .left{width:45px;display:flex;justify-content:center}.joinButton .right{flex-grow:1;display:flex;justify-content:center}.socialsContainer{color:#f0f8ff;font-weight:700;margin-top:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:fit-content}.socialButtons{display:flex;align-items:center;justify-content:center;width:fit-content;gap:10px}.socialBackground{height:30px;width:30px;cursor:pointer}.socialBackground img{height:100%}.page{width:100%;min-height:100vh;display:flex;flex-direction:column}.info{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.logo{max-height:300px;width:auto;max-width:100%;object-fit:contain;margin-bottom:20px}.welcomeHeader,.welcomeInfo{color:#f0f8ff;text-align:center;margin:0}.welcomeHeader{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:12px}.welcomeInfo{font-size:1.125rem;line-height:1.6;max-width:500px;opacity:.9}.tagsHolder{width:auto;gap:10px;margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center}@media(max-width:768px){.logo{max-height:200px}.welcomeHeader{font-size:2.25rem}.welcomeInfo{font-size:1rem}}.page{height:100vh;color:#f0f8ff}.background{background-image:linear-gradient(360deg,#004581,#dde8f080),url(/assets/background-Lq9UA6lT.png);background-size:cover;background-position:center}html,body{scrollbar-width:none;-ms-overflow-style:none;background-image:linear-gradient(360deg,#004581,#dde8f080),url(/assets/background-Lq9UA6lT.png);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.dynamicGridContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:180px;grid-auto-flow:dense;gap:16px;padding:16px;max-width:1200px;margin:0 auto}.span-normal{grid-column:span 1;grid-row:span 1}.span-wide{grid-column:span 2;grid-row:span 1}.span-tall{grid-column:span 1;grid-row:span 2}.span-big{grid-column:span 2;grid-row:span 2}.imageItem{width:100%;height:100%;background-color:#faebd7;border-radius:20px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 4px 6px 2px #0003;transition:transform .3s ease,box-shadow .3s ease}.imageItem:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0003}.imageItem img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.imageItem:hover img{transform:scale(1.08)}.imageInfo{position:absolute;bottom:0;left:0;width:100%;padding:12px;box-sizing:border-box;background:#000000bf;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;transform:translateY(100%);transition:transform .3s ease-in-out}.imageItem:hover .imageInfo{transform:translateY(0)}.imageUploader{font-weight:700;font-size:14px;display:block}.imageUploadDate{color:#d1d5db;font-size:12px;display:block}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modalContent{position:relative;background-color:#fff;border-radius:16px;max-width:500px;width:100%;overflow:hidden;box-shadow:0 20px 25px -5px #0000004d;animation:scaleUp .2s ease-out}.modalCloseBtn{position:absolute;top:12px;right:12px;background:#0009;color:#fff;border:none;font-size:24px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background-color .2s;z-index:2}.modalCloseBtn:hover{background:#000000e6}.modalImage{width:100%;max-height:400px;object-fit:cover;display:block}.modalInfo{padding:16px;color:#1f2937}.modalInfo h3{margin:0 0 8px;font-size:18px}.modalUploader{margin:4px 0;font-size:14px}.modalUploadDate{font-size:12px;color:#6b7280}@media(max-width:600px){.span-wide,.span-big{grid-column:span 1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.underDevContainer{height:80vh;width:100vw;display:flex;justify-content:center;align-self:center;flex-wrap:balance;align-content:center}.underDevContainer span{color:azure;font-size:40px;text-align:center}.voteBody{height:fit-content;padding:20px;display:flex;justify-content:center;height:60vh}.voteContainer{background-color:#018abd80;border:solid 1px rgb(65,156,156);width:fit-content;border-radius:25px;padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.voteCard{height:100px;width:250px;background-color:#7fffd4;border-radius:5px}.staffContainer{display:grid;gap:1em;grid-template-columns:repeat(auto-fit,340px);grid-auto-rows:300px;justify-content:center}.staff{width:340px;height:fit-content;position:relative;overflow:hidden;color:#004581}.staffImageContainer{position:relative;display:flex;left:-50px;overflow:hidden;width:300px}.staffImageContainer img{width:100%}.staffInfo{position:absolute;height:fit-content;width:200px;background-color:#8bceff;border:#0069C4 solid 3px;border-radius:20px;display:flex;flex-direction:column;right:0;top:50px;align-items:end;padding:5px 10px}.staffName{font-weight:700;font-size:1.5rem}.staffPosition{font-size:.8rem}