*{
    margin: 0;
    padding: 0;
}

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

.title{
    text-align: center;
    margin: 20px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 20px;
}

.details{
    margin: 20px;
}

.inputid{
    padding : 10px;
    width: 50%;
}


button{
    padding: 10px;
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    border: 2px solid forestgreen;
    transition: all 0.1s linear;
    color: green;
}

button:hover{
    background-color: green;
    color: white;
    
}

.message{
    display: none;
    margin: 20px;
}

.message button{
    background-color: red;
    color: white;
    border: none;
    border-radius: 7px;
    padding: 10px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.showmsg{
    display: block;
}