/**
 * @license
 * Copyright 2019 Google LLC. All Rights Reserved.
 * SPDX-License-Identifier: Apache-2.0
 */

body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1rem;
}

#map {
    height: 100%;
}

#map.over {
    opacity: 0.5;
    background-color: rgba(100, 100, 100, 0.5);
}

.location_button {
    height: 10%;
    width: 40%;
    font-size: 1.5rem;
    pointer-events: auto;
}

.address_label {
    font-size: 1.5em;
    text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
        1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}

.center {
    margin: 0;
    position: absolute;
    top: 6%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* Optional: Makes the sample page fill the window. */
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#container {
    height: 100%;
    display: flex;
}

#map {
    flex-basis: 0;
    flex-grow: 4;
    height: 100%;
}