body{
    margin:0;
    padding:0;
    background:#f5f5f5;
    font-family:'Oswald', sans-serif;
    --laranja:#ff5a1f;
    --roxo:#5c4c92;
    --lilas:#d8d5eb;
    --texto:#2d254c;
}

#container{
    width:90%;
    margin:30px auto;
}

h1{
    color:var(--roxo);
    font-size:42px;
    margin-bottom:20px;
}

#map{
    width:100%;
    height:500px;
    border:10px solid var(--roxo);
}

.info{
    margin-top:20px;
    background:white;
    padding:20px;
    border-left:10px solid var(--laranja);
    font-size:24px;
    color:var(--texto);
}

button{
    margin-top:30px;
    padding:15px 30px;
    border:none;
    background:var(--laranja);
    color:white;
    font-size:18px;
    cursor:pointer;
}

button:hover{
    background:var(--roxo);
}