body { 
    overflow-x:hidden;overflow-y:hidden; 
}

* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth: auto;
}

html {
background-color: #333;
}

body {
margin: 0;
font-family: 'Lato', sans-serif;
}

#container {
/*	max-width: 400px; */
}

#main_content {
max-width: 480px;
/*	background-color: red;  */
margin: auto;
}

#coverart {
max-width: 100%;
position: relative; //utile per il loghetto
}

#copertina {
width: 100%;
display: block; /* IMPORTANT */
aspect-ratio : 1 / 1;
}

#small_logo {
width: 100px; 
height: 100px; 
position: absolute; 
bottom: 0px; 
right: 0px; 
z-index=10;
display: block; /* IMPORTANT */
aspect-ratio : 1 / 1;
visibility: hidden;
}

#sotto {
max-width: 100%;
height: 280px;
color: white;
font-size: 16px;
font-size: 1.2rem;
}

#sotto1 {
max-width: 100%;
height: 280px;
background: #466368;
background: linear-gradient(to right bottom, #648880, #293f50);
color: white;
font-size: 16px;
font-size: 1.2rem;
}

#fascia_player {
height: 70px;
display: flex;
}

#titolometro {
height: 70px;
width: 100%;
padding-left: 5px;
}

#player {
width: 85px;
min-width: 85px;
padding: 5px;
}

#inonda {
width: 100%;
font-weight: 700;
color: white;
font-size: clamp(0.2rem, 4vw, 0.8rem);
text-align: left;
padding-top: 10px;
font-variant: small-caps;
}

#titolo {
width: 100%;
font-weight: 700;
color: white;
font-size: clamp(0.2rem, 4.5vw, 1.3rem);
text-align: left;
}

#autore {
width: 100%;
font-weight: 700;
color: white;
font-size: clamp(0.2rem, 3.5vw, 1rem); 
text-align: left;
}

#credits {
width: 100%;
font-weight: 700;
color: #ccc;
font-size: clamp(0.2rem, 3.0vw, 0.8rem); 
text-align: center;
padding-top: 20px;
padding-right: 10px;
}

a { color: inherit; text-decoration:none;}