body {

    background-color: #8a00ff;
}

.vi{
    color: #00F8F8;
    transition: color 0.3s ease, transform 0.3s ease;
}

.sui{
   color: #00F8F8;
   transition: color 0.3s ease, transform 0.3s ease;
}
.vi:hover{
    color: #E0295C;
     transform: scale(1.16); 
     transform: translateY(8px);
}

.sui:hover{
   color: #E0295C;
   transform: scale(1.16);
   transform: translateY(8px);
}
.p9{
    color: #00F8F8;
    font-size: 25px;
}
.p9:hover{
    color: #E0295C;
    font-size: 28px;
    transition: color 0.7s ease , transform 0.4s ease;
}
.i9{
    font-size: 35px;
    color: #00F8F8;
    transition: color 0.6s ease, transform 0.4s ease ;
}
.i9:hover{
    font-size: 37px;
    color: #E0295C;
}
.i7{
    color: #00F8F8;
    font-size: 35px;
    transition: color 0.7s ease, transform 0.4s ease;
}
.i7:hover{
    color: #E0295C;
    font-size: 35px;
}

.v5 {
    color: #00F8F8;
    background-color: #2E2E2E;
    font-size: 25px;
    padding: 10px 25px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

.v5:hover {
    color: #E0295C;
}


.v7 {
    color: #00F8F8;
    background-color: #2E2E2E;
    font-size: 25px;
    padding: 10px 25px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

.v7:hover {
color: #E0295C;
}