.p1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 500;
    color: rgb(56, 55, 55);
    font-size: 20px;
    /* color: ; */
    text-align: center;
}
.p2{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: 600;
    color: rgb(238, 214, 0);
    font-size: 50px;
    text-align: center; 
    text-shadow: 20px 20px 20px rgb(127, 127, 125);
}
.btn1{
    width: 100%;
    height: 60px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    background-color: rgb(255, 255, 255);
    color: rgb(210, 200, 14);
    /* border: none; */
    border: 2px solid gold;
    box-shadow: 0px 0px 5px rgb(161, 161, 161);
}
html{
    background-color: rgb(255, 255, 235);
}
a{
    outline: none;
    text-decoration: none;
    color: rgb(202, 185, 0);
}
.p3{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
    color: rgb(5, 154, 5);
    text-align: left;
}
.p4{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
    color: rgb(32, 33, 32);
    text-align: left;
}
.p5{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
    color: rgb(212, 4, 4);
    text-align: left;
}
.p6{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
    color: rgb(230, 0, 255);
    text-align: left;
    font-size: 10px;
}
.a1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
    color: rgb(32, 155, 2);
    text-align: left;
    font-size: 10px;
}
h4{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: rgb(45, 45, 45);
    text-align: center;
}
h5{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: rgb(32, 155, 2);
    text-align: center;
    font-weight: 800;
}
audio{
    width: 100%;
    height: 40px; 
    min-width: 241px;
}
.p7{
    font-family: Segoe UI, 'Tahoma', Geneva, Verdana, sans-serif;
    font-weight: 800;
    color: rgb(32, 33, 32);
    text-align: left;
    text-align: center;
}
.p8{
    font-family: Segoe UI, 'Tahoma', Geneva, Verdana, sans-serif;
    font-weight: 700;
    color: rgb(30, 30, 30);
    text-align: left;
}
.sp1{
    font-family: Segoe UI, 'Tahoma', Geneva, Verdana, sans-serif;
    font-weight: 700;
    color: rgb(125, 125, 125);
    text-align: left;
}
.hh{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: rgb(155, 104, 2);
    text-align: center;
    font-weight: 800;
}
.div1{
    background-color: rgba(250, 235, 215, 0.716);
    border: 1px solid rgb(255, 200, 0);
    border-radius: 10px;
    padding: 10px;
}
.hh1{
    color: rgb(16, 102, 1);
}
/* html{
    background-color: rgb(246, 255, 252);
} */

.div2{
    /* background-color: rgba(250, 215, 215, 0.716); */
    background: linear-gradient(white  , red);
    border: 2px solid rgb(255, 0, 0);
    border-radius: 10px;
    padding: 10px;
}
.div3{
    background-color: rgb(244, 242, 242);
    width: 100%;
    height: 50px;
    border-radius: 2px;
    border-right: 8px solid red ;
}
.w{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: rgb(155, 104, 2);
    text-align: center;
    font-weight: 800;
}
.w1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: rgb(4, 0, 255);
    text-align: center;
    font-weight: 400;
}
.div4{
    background-color: rgb(255, 254, 254);
    width: 100%;
    height: 3250px;
    padding:1px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-radius: 10px;
    /* border-right: 8px solid red ; */
}
.d1{
    width: 100%;
    height: 88px;
    background-color: rgb(232, 232, 232);
}
.d2{
    width: 100%;
    height: 88px;
    background-color: rgba(255, 255, 255, 0.593);
}
.div5{
    background-color: rgba(246, 246, 246, 0.716);
    border: 1px solid rgb(47, 47, 47);
    border-radius: 10px;
    padding: 10px;
    box-shadow: 1px 1px 11px rgb(130, 130, 130);
}
.h1{
    background-color: #f1f0e2;
}
.h2{
    background-color: #fffcfb;
}
.avip{
    color: rgb(0, 0, 195);
}

/* .bvip{
    width: 125px;
    height: 30px;
    background-color: rgb(255, 225, 0);
    background: linear-gradient( gold 1px, rgb(200, 167, 3)  , rgb(170, 164, 1));
    border: 1px solid rgb(192, 172, 1);
    box-shadow: 1px 1px 22px gold;
    border-radius: 111px;
    animation: zx 1s  forwards  ;
    font-size: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    animation: zx2 5s  forwards alternate infinite;
} */
/* forwards */
@keyframes zx {
        
       10%{
    width: 30px;

    }
       20%{
    width: 40px;
        
    }
       30%{
    width: 50px;
        
    }
       40%{
    width: 60px;
        
    }
       50%{
    width: 70px;
        
    }
       60%{
    width: 80px;
        
    }
       70%{
    width: 90px;
        
    }
       80%{
    width: 100px;
        
    }
       90%{
    width: 105px;
        
    }
       100%{
    width: 110px;
        
    }
}