html, body {
    height: 100%;
    margin: 0;
    padding: 0;
  }

#map {
    height: 650px;
    width: 100%;
}

::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: white;
}



/*
input with text floting
*/

.bella-text-floting .input{
        display: flex;
        flex-direction: column;
        position: relative;
    }
 .bella-text-floting input{
        width: 100%;
        padding: 8px 0;
        border: none;
        background-color: transparent;
        border-bottom: 1px solid #181824;
        font-size: 16px;
        font-weight: 300;
        transition: 300ms ease;
        height: 55px;
    }
  .bella-text-floting .input input:focus{
        outline: none;
        border-color: #6236ff;
        box-shadow: 0 1px 0 0 #6236ff;
    }

  .bella-text-floting label{
        position: absolute;
        height: 100%;
        display: flex;
        align-items: center;
        transition: 300ms ease;
        color:#fff;
        margin-left: 15px;
    }

  .bella-text-floting input:focus + label,
    .bella-text-floting input:not(:placeholder-shown) + label {
        transform: translateY(-27px);
    }


/*
fin input with text floting
*\