html,body{background-color:#333;margin:0;font-size:9pt;color:#000;font-family:Verdana,Arial,Helvetica,Roboto,sans-serif;line-height:135%}#outer-wrap{position:relative;max-width:1100px;margin:0 auto;background-color:#888}header{background:url("/static/images/logoi.png") no-repeat center center;background-size:cover;height:150px;display:flex;flex-direction:column;justify-content:flex-end}nav#topnav{display:flex;justify-content:center;gap:20px;padding:20px;background:rgba(0,40,69,1)}nav#topnav a{text-decoration:none;font-size:8pt;color:white}nav#topnav a:hover{background-color:cyan;border-radius:0px;transition:background-color .3s;color:black}#intro1{position:relative;overflow:hidden;color:#fff}#blurbg{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center;background-size:cover;filter:blur(0px)}#intro3{position:relative;background-color:rgba(0,70,99,.75);padding:5px 2%;text-align:center}header h1{margin:0;padding:10px;font-size:38px;text-align:center;color:white;font-weight:bold;letter-spacing:22px;-webkit-text-stroke:1.5px black;word-break:break-word}.btn{cursor:pointer;background-color:rgba(12,12,12,.7);color:white!important;padding:2px 8px;border-radius:5px;text-decoration:none;font-size:9pt;display:inline-block;margin-top:3px;font-weight:bold;transition:background-color .3s}.btn:hover{background-color:cyan;color:#000!important}ul{list-style:none;margin:0;padding:0}.boxwhite{background-color:#e2e2e2;position:relative;overflow:hidden;padding:30px;text-align:center}footer{background:rgba(0,40,69,1);padding:50px;font-size:8pt;text-align:center;color:#668899}footer a{margin:0 10px;text-decoration:none;color:#668899;font-family:Courier New,sans-serif}footer a:hover{color:white}@media(max-width:480px){html,body{font-size:9pt}header{height:auto; background-size: contain; background-position: top center; background-repeat: no-repeat;}header h1{font-size:17pt;letter-spacing:8px}nav#topnav{flex-direction:column;gap:10px;padding:10px}.boxwhite{padding:15px}footer{padding:17px;font-size:7pt}#authModal .modal-content{max-width:95%}}.hidden{display:none!important}ul .btn{background-color:transparent!important;color:white!important;margin-top:2px;padding:2px}ul .btn:hover{background-color:cyan!important}#authModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9999;margin-bottom:-20px}#authModal .modal-content{background:#fff;padding:5px;border-radius:7px;max-width:280px;width:90%;text-align:center;position:relative}#authModal input{width:90%;margin:2px;padding:4px}#verifyModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:9999}#verifyModal .modal-content{background:#fff;padding:20px;border-radius:10px;width:300px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.3)}
/* 
html,body{background-color:#333;margin:0;font-size:9pt;color:#000;font-family:Verdana,Arial,Helvetica,Roboto,sans-serif;line-height:135%}#outer-wrap{position:relative;max-width:1100px;margin:0 auto;background-color:#888}header{background:url("/static/images/logoi.png") no-repeat center center;background-size:cover;height:150px;display:flex;flex-direction:column;justify-content:flex-end}nav#topnav{display:flex;justify-content:center;gap:20px;padding:20px;background:rgba(0,40,69,1)}nav#topnav a{text-decoration:none;font-size:8pt;color:white;padding:0.5rem}nav#topnav a:hover{background-color:cyan;border-radius:0px;transition:background-color .3s;color:black}#intro1{position:relative;overflow:hidden;color:#fff}#blurbg{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center;background-size:cover;filter:blur(0px)}#intro3{position:relative;background-color:rgba(0,70,99,.75);padding:5px 2%;text-align:center}header h1{margin:0;padding:10px;font-size:38px;text-align:center;color:white;font-weight:bold;letter-spacing:22px;-webkit-text-stroke:1.5px black;word-break:break-word}.btn{cursor:pointer;background-color:rgba(12,12,12,.7);color:white!important;padding:2px 8px;border-radius:5px;text-decoration:none;font-size:9pt;display:inline-block;margin-top:3px;font-weight:bold;transition:background-color .3s}.btn:hover{background-color:cyan;color:#000!important}ul{list-style:none;margin:0;padding:0}.boxwhite{background-color:#e2e2e2;position:relative;overflow:hidden;padding:30px;text-align:center}footer{background:rgba(0,40,69,1);padding:50px;font-size:8pt;text-align:center;color:#668899}footer a{margin:0 10px;text-decoration:none;color:#668899;font-family:Courier New,sans-serif}footer a:hover{color:white}@media(max-width:630px){html,body{font-size:11pt}header{height:120px;background-size:contain}header h1{font-size:20pt;letter-spacing:8px}nav#topnav{flex-direction:column;gap:12px;padding:12px}.boxwhite{padding:15px}footer{padding:20px;font-size:9pt}#authModal .modal-content{max-width:95%;max-height:80vh;overflow-y:auto}#verifyModal .modal-content{max-height:80vh;overflow-y:auto}}@media(max-width:400px){#authModal .modal-content{max-width:98%;padding:4px}#verifyModal .modal-content{width:90%;padding:10px}nav#topnav{gap:8px;padding:8px}}.hidden{display:none!important}ul .btn{background-color:transparent!important;color:white!important;margin-top:2px;padding:2px}ul .btn:hover{background-color:cyan!important}#authModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9999}#authModal .modal-content{background:#fff;padding:5px;border-radius:7px;max-width:280px;width:90%;text-align:center;position:relative;max-height:80vh;overflow-y:auto}#authModal input{width:90%;margin:2px;padding:4px}#verifyModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:9999}#verifyModal .modal-content{background:#fff;padding:20px;border-radius:10px;width:300px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.3);max-height:80vh;overflow-y:auto}
*/