.page-title{margin-left:10px;margin-right:5px}.page-title h1{font-size:1.8rem;margin-top:8px;color:#2222a5}.page-title h2{color:#777;margin-top:5px;margin-left:0;font-size:1.3rem}.metronomeBox{background-color:#8ab9ee;padding:10px;margin:0 auto;border-radius:16px;box-shadow:0 1px 10px rgba(0,0,0,.3);flex-direction:column;max-width:430px}.buttonBox,.metronomeBox{display:flex;justify-content:space-between}.buttonBox{align-items:center}.slider{width:130px;height:10px;margin-top:0}.sliderBox{padding:5px;margin-top:0;flex-direction:column;font-size:1.3rem;flex-wrap:wrap}.sliderBox,.slideTitulo{display:flex;justify-content:space-between}.slideTitulo{font-size:1rem;color:#067caa}.sliderGroup{display:flex;justify-content:space-between}.button{background-color:#4caf50;border:none;color:#fff;padding:6px 24px;text-align:center;text-decoration:none;display:inline-block;font-size:1rem;margin:2px 2px;cursor:pointer}.button1{border-top-right-radius:8px;border:1px solid #4caf50}.button1,.button2{background-color:#fff;color:#000}.button2{border:1px solid #008cba}.button3{border:1px solid #f44336}.button3,.button4{background-color:#fff;color:#000}.button4{border-top-left-radius:8px;border:1px solid #cf7c0f}.button5{background-color:#c0ddf0;color:#000;border:1px solid #a196fd}.mapaBox{display:flex;flex-direction:column;align-items:center;color:#000}.modal-header{color:#000;background-color:#b9dbf6}.modal-footer{align-self:center}