@font-face{font-family:win-95-font;src:url(/assets/W95FA-CaOZn2PO.otf)format("truetype");font-weight:400;font-style:normal}body{background-color:teal;min-height:100vh;margin:0;padding:0;font-family:win-95-font,Segoe UI,Tahoma,sans-serif;font-size:16px;overflow-y:auto}.window{background-color:#fff;border:3px solid #000;width:95%;max-width:800px;margin:20px auto;padding:0;overflow:hidden;box-shadow:inset -3px -3px #fff,inset 3px 3px gray}.title-bar,.menu-bar{box-sizing:border-box;width:100%}.title-bar{color:#fff;background-color:navy;justify-content:space-between;align-items:center;padding:6px 8px;font-size:18px;font-weight:700;display:flex}.title-bar-buttons{gap:4px;display:flex}.title-bar-button{text-align:center;cursor:pointer;background-color:silver;border:2px outset #fff;width:20px;height:20px;font-size:14px;line-height:16px}.menu-bar{background-color:silver;border-bottom:2px solid gray;flex-wrap:wrap;gap:10px;padding:4px 8px;font-family:win-95-font,sans-serif;font-size:16px;display:flex}.menu-bar a{color:#000;text-decoration:none}.menu-item{cursor:pointer;white-space:nowrap;padding:4px 6px}.menu-item:hover{color:#fff;background-color:navy}.content{padding:15px}h2{margin-top:0;font-size:20px}h3{font-size:18px}h4{font-size:16px}.button{cursor:pointer;background-color:silver;border:3px outset #fff;margin-top:15px;padding:8px 16px;font-family:custom-local-font;font-size:16px}.button:active{border:3px inset gray}input,textarea,select{box-sizing:border-box;background-color:#fff;border:3px inset gray;width:100%;margin-top:8px;padding:6px 10px;font-size:16px}.committee-list{margin:0;padding:0;list-style-type:none}.committee-list li{cursor:pointer;background-color:silver;border:2px outset #fff;margin:4px 0;padding:8px}.event-box{background-color:#fff;border:2px solid #000;margin-bottom:10px;padding:10px;box-shadow:inset -2px -2px #fff,inset 2px 2px gray}.event-title{font-size:16px;font-weight:700}.event-meta{color:#333;margin:4px 0;font-size:14px}.event-desc{font-size:14px}.link-list{margin-top:6px;font-size:14px}.link-list a{color:#000;margin-right:6px;text-decoration:underline}.link-list a:hover{color:#fff;background-color:navy;text-decoration:underline}#popup{z-index:9999;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s forwards popupFadeIn;display:none;position:fixed;top:0;left:0}.popup-content{text-align:center;background-color:silver;border:3px solid #000;width:90%;max-width:400px;padding:20px;animation:.5s popupScale;position:relative;box-shadow:inset -3px -3px #fff,inset 3px 3px gray}#closeBtn{color:#000;cursor:pointer;background:silver;border:3px outset #fff;margin-top:15px;padding:8px 16px;font-family:win-95-font,sans-serif;font-size:16px}#closeBtn:active{border:3px inset gray}.achievement{background-color:#4d4d4d;border-radius:32px;width:64px;height:64px;margin:0 auto;transition:width 1s;position:relative;overflow:hidden}.achievement.out{width:100%;max-width:350px}.circle{z-index:2;background:#1a1a1a;border-radius:30px;width:58px;height:58px;display:block;position:absolute;top:3px;left:3px}.circle span:not(.logo){background-color:#828282;width:25px;height:25px;display:block;position:absolute;top:3px;left:3px}.circle span:first-child{background-color:#75aa1e;border-radius:25px 0 0}.circle span:nth-child(2){border-radius:0 25px 0 0;left:30px}.circle span:nth-child(3){border-radius:0 0 25px;top:30px;left:30px}.circle span:nth-child(4){border-radius:0 0 0 25px;top:30px}.logo{z-index:3;background-image:url(static/images/achivment.png);background-position:50%;background-repeat:no-repeat;background-size:30px 30px,cover;border:2px solid #161616;border-radius:30px;width:30px;height:30px;display:block;position:absolute;top:12px;left:12px}.achievement .text{text-align:left;color:#fff;opacity:0;z-index:1;width:calc(100% - 90px);font-family:sans-serif;font-size:16px;transition:opacity .5s .5s;position:absolute;top:15px;left:80px}.achievement.out .text{opacity:1}@media (width>=768px){.window{margin:40px auto}.title-bar{padding:8px 12px;font-size:22px}.title-bar-button{width:24px;height:24px;font-size:18px;line-height:20px}.menu-bar{gap:20px;padding:6px 12px;font-size:18px}.content{padding:20px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}.button{padding:10px 20px;font-size:18px}.committee-list li{padding:10px}.event-title{font-size:18px}.event-desc,.link-list{font-size:16px}}@keyframes popupScale{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupFadeOut{0%{opacity:1}to{opacity:0}}html{scroll-behavior:smooth}.image-container{box-sizing:border-box;background-color:#fff;border:3px inset gray;justify-content:center;align-items:center;width:100%;height:300px;padding:4px;display:flex}.image-container img{object-fit:cover;width:100%;max-height:100%;display:block}#image-counter{font-family:win-95-font,sans-serif;font-size:16px}button{cursor:pointer;background-color:silver;border:3px outset #fff;margin-top:15px;padding:8px 16px;font-family:win-95-font;font-size:16px}
