body { margin: 0; padding: 0; }
#map { position: absolute; top: 0; bottom: 0; width: 100%; }
.mapboxgl-ctrl-zoom-in,
.mapboxgl-ctrl-zoom-out,
.mapboxgl-ctrl-compass {
    width: 200px; /* Adjust as needed */
    height: 200px; /* Adjust as needed */
}

.mapboxgl-ctrl-zoom-in,
.mapboxgl-ctrl-zoom-out {
    font-size: 30px; /* Adjust as needed */
}

.mapboxgl-ctrl .mapboxgl-ctrl-compass-arrow {
    width: 30px; /* Adjust as needed */
    height: 30px; /* Adjust as needed */
}

#logo {
    position: absolute;
    left: 10px; /* Adjust as needed */
    top: 10px; /* Adjust as needed */
    width: 200px; /* Adjust as needed */
    height: 100px; /* Adjust as needed */
}