html{
    background: linear-gradient(to right, #0d051c, #01072d, #073810);
}
body{
    
    margin: 0;
    padding: 0;
    position: relative;
}
header{
    border:color(from color srgb r g b);
    background-color: #01072d;
    color: aqua;
    font-size: 30px;

}

.container{
    background-color: #135252;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    margin: 50px auto;
    width: 80%;
}
#titulo{
    font-size: 50px;
    color: white;
    font-style: normal;
}
#parf{
    font-size: 30px;
    color: white;
    font-style: normal;

}
.Artistas{
    float: left;
    font-size: 30px;
    color: white;   
    font-style: normal;
    border-radius: 30px; 
    margin-top: 20px;
    background-color: #410830;
    padding: 20px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    list-style: none;


}
.precios{
    float: right;
    gap: 20px;
    border-radius: 30px;
    margin-top: 20px;
    background-color: #534802;
    padding: 20px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    color: greenyellow;
}
.pre{
    color: white;   
    font-style: normal;
    font-size: 40px;
}
img{
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    margin-top: 20px;
}
img:hover{
   filter: brightness(1.2) contrast(1.2) saturate(1.2);
   transform: scale(1.1);
   transition: all 0.3s ease-in-out;
   box-shadow: #3c92b1 0px 0px 20px 5px;
}
.foot{
    border-radius: 10px;
    background-color: #410830;
    padding: 20px;
    color: white;   
    font-style: normal;
    font-size: 30px;
    text-align: center;
    width: 100%;
    
}
#cuadro{transition: box-shadow 0.3s ease-in-out;}
#cuadro:hover{
    box-shadow: 0 0 20px 5px #3c92b1;
    border-radius: 30px;
    transform: translateY(-10px);
    
}