body{
    background-color: #FFF9CA;
}

#form-map-container{
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
    min-width: 170px;
}

#form-container{
    background-color: #FFDEB4;
    box-sizing: border-box;
    border: 2px solid black;
    padding: 10px;
    width: 48%;
}

#map-container{
    border: 2px solid black;
    box-sizing: border-box;
    width: 48%;
    height: 600px;
    padding: 10px;
}

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

#result-container{
    margin-top: 20px;
    padding: 10px;
    box-sizing: border-box;
    max-width: 70%;

    flex-direction: column;
    
}

@media (max-width: 772px){
    #form-map-container{
        flex-direction: column;
    }

    #form-container{
        width: 100%;
    }

    #map-container{
        margin-top: 20px;
        width: 100%;
    }

    #result-container{
        overflow-x: auto;
        max-width: 70%;
    }
}