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;

}

.contenedor {
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-top: 50px;
}


.contenedor div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: Arial;
    transition: 0.3s;
}


.general {
    width: 250px;
    height: 250px;
    background: #25034d;
    border-radius: 50%;
}


.vip {
    width: 150px;
    height: 150px;
    background: #941709;
    transform: rotate(45deg);
}

.vip h1, .vip p {
    transform: rotate(-45deg);
}


.plat {
    width: 250px;
    height: 250px;
    background: #142500;
    border-radius: 20px;
}


.contenedor div:hover {
    transform: scale(1.1);
    cursor: pointer;
}