.body {
    background: fixed;
    background-image: url("../Immagini_Cristiano_Montanari/background1.png");
    background-size: 100%;

}

.my_midi_music {
    color: red;
    font-family: roboto;
    font-size: 50px;
    text-align: center;
    font-style: italic; 
    font-weight: bold;
}

.intro {
    background-color: blueviolet;
    color:white;
    border-style: groove;
    border-width: 10px;
    padding: 5px;
    font-family: roboto;
    font-size: 18px;
    text-align: justify;
    margin-left: 100px;
    margin-right: 100px;
}

.video1 {
    display: inline-block;
    margin-left: 120px;
    margin-top: 30px;
    border-style: groove;
    border-width: 10px;
    padding: 6px;
}

.video2 {
    display: inline-block;
    margin-left: 30px;
    margin-top: 30px;
    border-style: groove;
    border-width: 10px;
    padding: 6px;
}

.video3 {
    display: inline-block;
    margin-left: 120px;
    margin-top: 30px;
    border-style: groove;
    border-width: 10px;
    padding: 6px;
}

.video4 {
    display: inline-block;
    margin-left: 30px;
    margin-top: 30px;
    border-style: groove;
    border-width: 10px;
    padding: 6px;
}

.video5 {
    display: inline-block;
    margin-left: 120px;
    margin-top: 30px;
    border-style: groove;
    border-width: 10px;
    padding: 6px;
}

.video6 {
    display: inline-block;
    margin-left: 30px;
    margin-top: 30px;
    border-style: groove;
    border-width: 10px;
    padding: 6px;
}

.footer {
    color: red;
    font-family: roboto;
    font-size: 10px;
    text-align: center;
    font-style: italic; 
    font-weight: bold;
}

.hr {
    margin-top: 20px;
}

.topnav {
    background-color: blueviolet;
    border-style: inset;
    border-color:black;
    padding: 5px;
}

.topnav1 {
    display: inline-block;
    margin-left: 55px;
    margin-right: 55px;
    font-family: roboto;
    font-weight: bold;
    border-style: double;
    background-color: chocolate;
    padding: 2px;
    column-gap: 50px;
}