@import url(https://fonts.googleapis.com/css2?family=Sedan+SC&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);@import url(https://fonts.cdnfonts.com/css/kapakana);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);body{margin:0}.page-container{background: linear-gradient(180deg, rgba(165, 179, 210, 0.95) 15.03%, rgba(1, 33, 105, 0.95) 39.8%, rgba(0, 10, 34, 0.95) 99.96%) no-repeat, url(akira-hojo-ZxGdri2EWzk-unsplash.jpg) lightgray 50% / cover no-repeat;display:flex;flex-direction:column;align-items:center;min-height:100vh;margin:0;min-width:330px}header{display:flex;width:100%;margin:0;height:60px;background:linear-gradient(90deg,#5c0816 0%,#c8102e 50%,#5c0816 100%);position:sticky;top:0;z-index:100;justify-content:center;border-bottom:1px solid #c8102e}.header-container{display:flex;width:100%;max-width:1200px;align-items:center;justify-content:space-between}.header-box{flex:1;height:60px}.header-logo{align-content:center;padding:0 20px 0 5px}.header-logo img{width:50px;height:50px}nav a:hover{color:#3b5da9}@media screen and (min-width:750px){.header-nav{align-content:center}nav{display:flex;align-content:center;justify-content:center;column-gap:50px}nav a{padding:0;margin:0;text-decoration:none;font-family:"Roboto Condensed",sans-serif;font-weight:500;font-size:20px;color:#f9f0f0}}@media screen and (max-width:749px){.header-nav{align-content:center}.menu-icon{display:flex;flex-direction:column;cursor:pointer;align-items:center;padding-left:5px}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#f9f0f0;margin:3px 0;transition:.4s}.active .bar1{transform:translate(0,11px) rotate(-45deg)}.active .bar2{opacity:0}.active .bar3{transform:translate(0,-11px) rotate(45deg)}nav.active{position:fixed;display:flex;flex-direction:column;align-items:center;background-color:#f9f0f0;width:200px;z-index:500;top:60px;left:50%;transform:translate(-50%)}nav{display:none}nav a{padding:10px;text-decoration:none;text-align:center;width:100%;font-family:"Roboto Condensed",sans-serif;font-weight:500;font-size:20px;color:#000}}.header-login{text-align:right;align-content:center;padding:0 10px 0 20px;font-family:"Roboto Condensed",sans-serif;font-weight:100;color:#f9f0f0}.header-login a{color:#f9f0f0;text-decoration:none}.header-login a:hover{color:#3b5da9}main{max-width:1200px;display:flex;flex-direction:column;align-items:center}.banner-welcome{display:flex;flex-direction:column;align-items:center;padding-bottom:20px;box-shadow:0 0 5px 5px rgba(0,0,0,.1);background: linear-gradient(90deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 100%) no-repeat, url(naval-flag-1200.png) lightgray 50% / cover no-repeat}.banner-rbn{font-family:"Sedan SC",serif;font-weight:600;font-size:clamp(36px,6vw,80px);color:#012169;text-shadow:0 0 2px #3b5da9;margin:0}.banner-welcome hr{width:65%;height:2px;border:0;background:linear-gradient(90deg,#5c0816 0%,#c8102e 50%,#5c0816 100%)}.banner-welcome h2{margin:0;font-style:italic;color:#262525;font-size:clamp(16px,3vw,26px)}.sot-logo{width:25%}.sot-logo svg{fill:#36040c;filter:opacity(.75)}.banner-welcome p{width:85%;margin-bottom:0;font-family:"Roboto Condensed",sans-serif;font-optical-sizing:auto;font-weight:500;font-size:clamp(16px,2vw,20px);color:#262525;text-shadow:2px 2px 5px rgba(0,0,0,.20)}.admiral-address{display:flex;flex-wrap:wrap-reverse;justify-content:center;margin:30px 0 30px 0;padding:16px;background: radial-gradient(50% 50% at 50% 50%, rgba(49, 29, 0, 0.12) 0%, rgba(49, 29, 0, 0.24) 100%), url(parchment.jpg) lightgray 50% / cover no-repeat;border-radius:8px;border-top:5px solid #ebb700;border-bottom:5px solid #ebb700}.admiral-address-text{width:90%}.admiral-address-text h3{display:inline-block;margin:0;padding-right:10px;color:#262525;font-family:"Sedan SC",serif;font-weight:400;font-size:clamp(28px,4vw,36px);text-shadow:0 0 1px #000}.admiral-address-text p{font-family:'Kapakana',sans-serif;color:#262525;font-weight:600;font-size:clamp(28px,5vw,40px);font-optical-sizing:auto;margin:16px}.admiral-address-img img{width:75px}.section-split{width:100%;height:2px;border:0;margin:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(249,240,240,1.0) 25%,rgba(249,240,240,1.0) 75%,rgba(255,255,255,0) 100%)}.section-heading{font-family:"Sedan SC",serif;font-weight:400;font-size:clamp(30px,4vw,46px);color:#f9f0f0;text-shadow:4px 4px 5px rgba(0,0,0,.30);margin-top:60px}.about-navy{display:flex;flex-direction:column;align-items:center}article{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-radius:12px;background:rgba(0,0,0,.20);box-shadow:0 0 7px 5px rgba(255,255,255,.05);margin-bottom:2rem}.about-heading{width:40%;min-width:300px;min-height:230px;align-content:center;border-radius:12px}article h3{margin:0;padding-right:10px;color:#f9f0f0;font-family:"Sedan SC",serif;font-weight:400;font-size:clamp(22px,2vw,26px);text-shadow:0 0 1px #000;text-align:center}.about1-bg{background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%) no-repeat, url(andreea-swank-gFZ1OK7mbxc-unsplash.jpg) lightgray 50% / cover no-repeat}.about2-bg{background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%) no-repeat, url(bas-glaap-F2EXl0C-Wyw-unsplash.jpg) lightgray 50% / cover no-repeat}.about3-bg{background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%) no-repeat, url(david-dibert-z-gL7br3MTk-unsplash.jpg) lightgray 50% / cover no-repeat}.about4-bg{background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%) no-repeat, url(johannes-plenio-DKix6Un55mw-unsplash.jpg) lightgray 50% / cover no-repeat}.about-text{width:60%;min-width:300px}.about-text ul{list-style-image:url(anchor.svg);list-style:circle}.about-text li{padding:0 20px 10px 20px;font-family:"Roboto Condensed",sans-serif;font-optical-sizing:auto;font-weight:400;font-size:clamp(18px,2vw,20px);color:#f9f0f0;line-height:1.75rem}.media-gallery{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.thumbnail{width:100%;height:100%;max-width:400px;min-width:300px;padding:10px;object-fit:cover;cursor:pointer;overflow:hidden;transition:transform .5s}.thumbnail:hover{transform:scale(1.05)}.modal{display:none;position:fixed;z-index:1000;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}.modal-content{margin:auto;display:block;max-width:80%;max-height:80%;cursor:pointer}.close{position:absolute;top:20px;right:35px;color:#fff;font-size:40px;font-weight:bold;transition:.3s;cursor:pointer}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-22px;color:#fff;font-weight:bold;font-size:20px;transition:.6s ease;user-select:none}.prev{left:0}.next{right:0}.prev:hover,.next:hover{background-color:rgba(0,0,0,.8)}.caption{text-align:center;color:#ccc;font-size:20px;padding:10px 0}.join-navy img{width:300px;margin-bottom:50px}footer{max-width:1200px;display:flex;width:100%}.footer-box{width:100%;border-radius:12px;background-color:#000613}footer p{font-family:"Roboto Condensed",sans-serif;font-optical-sizing:auto;font-weight:200;font-size:clamp(12px,2vw,16px);color:#f9f0f0;font-style:italic;text-align:center}