html, body {
   height: 100%;
   max-height: 100%;
}
#nautical-ocean {
   display: grid;
   grid-template-rows: 30px 1fr;
   height: 100%;
   padding: 0.1em 1em 0.2em 1em;
}
#nautical-fleet {
   width: 100%;
   display: flex;
   align-items: center;
   flex-direction: row;
   justify-content: center;
   align-items: flex-start;
   padding: 0.1em 1em 0.5em 1em;
}
#nautical-ship {
   padding: 0.5em 2em 1em 2em;
   width: 100%;
   max-width: 75em;
   /* text-align: center;
   align-items: center; */
}
#nautical-ballast {
   padding: 2em 1em 2em 1em;
}
#nautical-cargo {
   /* text-align: center; */
}
#nautical-buoy {
   text-align: right;
}