@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap";body{font-family:Source Sans Pro,sans-serif}.active{background-color:#1d4ed8}nav{display:flex;width:100w;min-width:320px;justify-content:space-between;align-items:center;background-color:#05519a;color:#fff;box-sizing:border-box;padding:1rem .5rem;max-height:70px;position:relative}.icon{width:65px;height:65px;display:flex;align-items:center;justify-content:center;min-width:60px;min-height:60px;padding:1rem;cursor:pointer;stroke:#fff;box-sizing:border-box}.space-icon{width:65px;height:65px}.icons-group{display:flex;align-items:center;justify-content:center}.toggle-icon{width:50px;height:50px;stroke:#fff;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;cursor:pointer}.title{font-size:2rem;font-weight:600;color:#fff;margin:0}.toggle-icon:hover,.icon:hover{transform:scale(1.2)}.title-container{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:center;position:absolute;left:50%;transform:translate(-50%)}.expanded-list{position:absolute;left:0;top:70px;width:100%;background-color:#d9d9d9;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;z-index:10;box-sizing:border-box}.list-item{padding:.5rem;border:1px solid #ddd;border-radius:4px;background-color:#d9d9d9;color:#000;cursor:pointer;text-align:center;font-size:1.2rem;font-weight:600}.list-item:hover{background-color:#e2e8f0}@media (max-width: 768px){.title{font-size:1.5rem}}@media (max-width: 480px){.title{font-size:1.2rem}}.round-button-container{display:flex;align-items:center;gap:10px}.round-button{background-color:#d9d9d9;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s ease}.round-button:hover{background-color:#3f413f}.round-button:focus{outline:none}.button-text{font-size:16px;color:#333}.footer-container{display:flex;flex-direction:column;background:#d9d9d9;padding:2rem 1.5rem .5rem;font-family:Source Sans Pro,sans-serif;min-height:75px;justify-content:center;align-items:center;gap:.25rem}.link{font-size:x-large}.date{font-size:small;text-align:right;min-width:100%;max-width:100%}.containerUserC{font-family:Source Sans Pro,sans-serif;display:flex;justify-content:space-between;align-items:center;border:1px solid #ccc;padding:10px;width:100%}.data{display:flex;flex-direction:column;align-items:flex-start}.nameAndRole{display:flex;flex-direction:row;align-items:flex-start;gap:5px}.role{font-weight:light}.data .dataName{font-weight:700}.data p:last-child{margin:0}.buttons{display:flex;gap:20px;margin-right:10px;cursor:pointer}.iconButton{cursor:pointer;width:20px;height:20px;transition:transform .2s ease-in-out}.iconButton:active{transform:scale(1.2);opacity:.8}.boat-info-container{display:flex;background:#d9d9d9;flex-direction:column;font-family:Source Sans Pro,sans-serif;padding:1rem 1.5rem;font-size:small}.header{font-size:x-large}label{padding-right:.5rem;color:#05519a;font-weight:700}.grid-container{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.grid-element{display:flex;flex-direction:column}.grid-element span:first-of-type{font-size:medium;font-weight:600}@media print{.print{transform:scale(6);transform-origin:top}}