@import"https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Lilita+One&family=Outfit:wght@629&family=Saira+Stencil+One&family=Sixtyfour&display=swap";.geologica-bold{font-family:Geologica,sans-serif;font-weight:800}.geologica{font-family:Geologica,sans-serif;font-weight:400}html{background-color:var(--background-color);height:100%}.home-body{overflow-x:hidden;overflow-y:auto}.welcome-container{width:var(--home-width);margin:var(--home-margain-a) auto}.welcome{margin:var(--home-margain-a) auto;text-align:center;font-size:40px;font-family:var(--primary-font)}.welcome-desc{margin:var(--home-margain-b) auto;width:var(--home-width);text-align:center;font-size:larger;border-radius:7px;background-color:var(--secondary-color);padding:20px}.maps-header{margin:auto;width:var(--home-width);font-family:var(--primary-font);font-size:35px}.map-panel{width:var(--home-width);height:auto;margin:30px auto;display:flex;color:inherit;border:solid 3px black;background-color:var(--secondary-color);text-decoration:none}.map-panel:visited{color:inherit}.map-panel:hover{background-color:var(--highlight-color);border-color:var(--primary-color)}.map-title{font-size:26px;padding-bottom:5px;font-family:var(--primary-font)}.map-label{flex:3;padding:10px}.map-icon{width:auto;height:auto;max-width:30em;max-height:18em}.map-desc{font-size:20px}.more-maps{padding:10px;text-align:center;color:gray}.spacer{height:120px}.light-link{color:#7fffd4}.light-link:visited{color:#b083c7}@media (max-width: 900px){.map-icon{display:none}}.home-site-logo{height:60px}.head-banner{color:#fff;display:flex;gap:.4em;align-items:center;justify-content:start;background-color:var(--primary-color);padding:.4em;font-size:37px;font-family:var(--primary-font);font-weight:700}footer{position:fixed;left:bottom;bottom:0;width:100%;background-color:var(--primary-color);color:#fff;padding:20px 0;text-align:center}footer>*{padding:4px}.kamikaze-popup *{margin:auto}.ship-picture{width:500px;height:auto;vertical-align:middle}@media (max-width: 700px){.kamikaze-popup,.ship-picture{width:270px}.target-name{line-height:26px}}.flag{height:23px;padding-right:5px}.target-name{font-size:27px;padding:6px;font-family:var(--primary-font);font-weight:500}.target-type{font-size:23px;padding:6px}.fate-sunk,.fate-damaged{font-size:23px;padding:2px 0;color:#fff}.fate-sunk{background-color:red}.fate-damaged{background-color:#000}.struck-date{font-size:20px}.casualties-row{display:flex;justify-content:center;align-items:center;gap:10px;margin:2px}.casualties-item{font-size:16px;margin:0}.sources *{font-size:11px}a{color:#00f;text-decoration:underline}a:visited{color:purple}.map-container{position:absolute;z-index:-2;left:0;right:0;top:0;bottom:0}@media (max-width: 700px){.map-container-anchor{position-anchor:--timeline-anchor;bottom:anchor(top)}.map-container-no-anchor{bottom:119px}}.navBar{background-color:var(--primary-color);width:100%;height:70px;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:start;font-family:var(--primary-font);color:#fff;text-align:center}.page-title{display:flex;gap:.5em;padding:.5em;font-family:var(--primary-font);font-weight:500;font-size:22px;text-align:center;align-items:center}.site-logo{height:55px;width:auto}.about{margin-left:auto;align-self:flex-end;float:right;font-family:var(--primary-font);font-size:larger;color:#000;height:100%;border:1px black;border-radius:0;background-color:var(--highlight-color)}.about:hover{background-color:#fff}.about-panel{width:30vw;background-color:var(--highlight-color);max-height:calc(100vh - 70px);overflow-y:scroll;z-index:2;box-shadow:-25px 0 20px -20px #00000080;padding-left:1%;padding-right:1%;float:right}.about-panel *{font-size:large}.panel-content{padding:20px}ul{list-style:none}li{margin-bottom:12px}@media (max-width: 1000px){.about-panel{width:98vw}}.tutorial{position:absolute;left:50%;transform:translate(-50%);z-index:-1;font-family:var(--primary-font);background:var(--highlight-color);border-style:solid;border-width:1px;border-color:#000;padding:2px;margin:2%;align-self:center}.tutorial-close-button{border:inherit;background:inherit;font-family:inherit;margin-top:7px;margin-bottom:5px}.tutorial-close-button:hover{background-color:#fff}@media (max-width: 700px){.tutorial{max-width:100%;width:calc(100% - 2px);padding:0;margin:0}}.timeline{position:absolute;background-color:var(--secondary-color);left:50%;bottom:2%;transform:translate(-50%);min-width:300px;max-width:40%;anchor-name:--timeline-anchor;z-index:-1;border-style:solid;border-width:2px;border-color:gray;padding:4px}.timeline *{font-family:var(--primary-font);background-color:var(--highlight-color);font-size:large}.timeline-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background-color:var(--highlight-color);height:8px;margin:10px 0 14px}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:33%;background-color:var(--primary-color)}.timeline-dates{display:block;justify-content:space-around;align-items:center;padding:4px}.timeline-text-divide{display:none;align-self:center;padding:10px}.timeline-from-date{display:none;align-self:center}.timeline-from-date>*{align-self:center}.timeline-to-date{position:relative;align-self:center}.timeline-to-date>*{align-self:center}.timeline-buttons{display:flex;justify-content:center;align-items:center}.timeline-buttons>button{display:flex;justify-content:center;align-items:center;background-color:var(--secondary-color);border-radius:15%;margin:5px;border:0px}.timeline-buttons>button:hover{background-color:#fff}.timeline-buttons img{margin:auto;height:30px;width:auto;background-color:inherit;max-width:100%;max-height:100%}@media (max-width: 700px){.timeline{max-width:calc(100vw - 12px);width:100vw;bottom:0}}html{margin:0%;padding:0%}*{font-size:15px;margin:inherit auto;text-align:center;font-family:sans-serif}body{margin:0;padding:0;vertical-align:center}:root{--primary-color: #1a202e;--secondary-color:#c6c6c6;--background-color: #dddddd;--highlight-color:#efefef;--home-width: 90%;--home-margain-a:3%;--home-margain-b:2%;--primary-font:Geologica}