* {
    box-sizing: border-box;
}


body {

    margin:0;
    padding:0;

    font-family: Arial, sans-serif;

    overflow:hidden;

}


/* Pannello laterale */

#sidebar {

    position:absolute;

    left:0;
    top:0;

    width:330px;

    height:100vh;

    background:#1f2937;

    color:white;

    padding:20px;

    z-index:1000;

    overflow-y:auto;

}


#sidebar h2 {

    margin-top:0;

    text-align:center;

}


/* Etichette */

label {

    display:block;

    margin-top:15px;

    margin-bottom:5px;

    font-size:14px;

}


/* Menu */

select {

    width:100%;

    padding:8px;

    border-radius:5px;

    border:0;

    font-size:14px;

}



/* Pulsante */

button {

    width:100%;

    margin-top:20px;

    padding:10px;

    border:0;

    border-radius:5px;

    background:#2563eb;

    color:white;

    font-size:15px;

    cursor:pointer;

}


button:hover {

    background:#1d4ed8;

}


/* Separatore */

hr {

    margin-top:25px;

    border:0;

    border-top:1px solid #555;

}



/* Informazioni bus */

#info {

    margin-top:20px;

    background:#111827;

    padding:15px;

    border-radius:8px;

    font-size:14px;

}




/* Mappa */

#map {

    position:absolute;

    top:0;

    left:330px;

    right:0;

    bottom:0;

}