*{
    margin: 0%;
    padding: 0%;
}

.c0{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    background-color: rgb(0, 0, 0);
}
.f1{
    width: 70%;
    height: 25px;
    display: flex;
    justify-content: left;
    align-items: center;
    color:rgb(236, 145, 0);
}
.e2{
    width: 30%;
    height: 25px;
    display: flex;
    justify-content: right;
    align-items: center; 
    text-decoration: none;
    color: rgb(236, 145, 0);
}
/* main */

.m1{
    width: 100%;
    height: 100%;
    background-color: azure;
}
.c1{
    width: 100%;
    height: 110px;
    background-color:rgb(223, 223, 223);
    display: flex;
}
.d1{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    width: 95px;
    height: 100%px;
    background-color: white;
    display: flex;
}
.h1{
    width: 90px;
    height: 100%;
    display: flex;
}
.g1{
    margin: 5px;
    width: 100%;
    height: 100px;
    background-color:white;
    display: flex;
}
.i1{
    padding-left: 10px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    position: relative;
}   

.openbtn{
    width:27%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: left;
}

button.openbtn{
    color: rgb(236, 145, 0);
}

.logo {
    width: 48%;
    height: 50px;
    font-size: 12px;
    color: white;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.logo .logo-1{
    height: 50px;
    font-size: 12px;
    color: white;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
   .logofont{
        color: rgb(255, 255, 255);
    }
    .logofont1{
        color: rgb(236, 145, 0);
    }

.logo2{
    width: 70%;
    height: 50px;
    display: flex;
}

.logos {
    width: 50%;
    height: 50px;
    font-size: 12px;
    color: white;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.logos .logos-1{
    height: 50px;
    font-size: 12px;
    color: white;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.logo3{
    width: 40%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: left;
}

   .logofonts{
        color: rgb(255, 255, 255);
    }
    .logofonts1{
        color: rgb(236, 145, 0);
    }
.closebtn i{
    color: rgb(236, 145, 0);
}

.search-container{
    height: 50px;
    width: 100%;
    background-color: black;
    display: flex;
}

.a1{
    width: 100%;
    height: 10px;
    background-color: black;
}
.r1 a{
    margin-bottom: 2px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    text-decoration: none;
}
.r1:hover{
    box-shadow: 1px 1px 20px rgb(236, 145, 0);
    filter: drop-shadow(1px 1px 20px rgb(236, 145, 0));
}

.since{
    width: 100%;
    height: 100%;
    background-color: rgb(250, 250, 250);
}
.since a{
    text-decoration: none;
}
.since1:hover{
    box-shadow: 1px 1px 20px rgb(236, 145, 0);
    filter: drop-shadow(1px 1px 20px rgb(236, 145, 0));
}
.since1{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(0, 0, 0);
}
.z1{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
    color: rgb(236, 145, 0);
}

h6{
    background-color: black;
}
h6:hover{
    box-shadow: 1px 1px 20px rgb(190, 250, 250);
    filter: drop-shadow(1px 1px 20px rgb(190, 250, 250));
}
.c1:hover{
    box-shadow: 1px 1px 20px rgb(190, 250, 250);
    filter: drop-shadow(1px 1px 20px rgb(190, 250, 250));
}
.e1:hover{
    box-shadow: 1px 1px 20px rgb(190, 250, 250);
    filter: drop-shadow(1px 1px 20px rgb(190, 250, 250));
}

.easy{
    height: 100%;
    font-size: 20px;
    color: rgb(236, 145, 0);
    display: flex;
    justify-content: center;
    align-items: center;
}
.easy2{
    height: 100%;
    font-size: 20px;
    color: rgb(236, 145, 0);
    display: flex;
    justify-content: center;
    align-items: center;
}
.easy3{
    height: 100%;
    font-size: 20px;
    color: rgb(236, 145, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.c1 {
      list-style: none;
      padding: 0;
    }
    .i1 {
      padding: 8px;
    }
    .i1 .hidden {
      display: none;
    }

    .ads{
        width: 100%;
        height: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgb(65, 65, 65);
    }

    .ads2{
        width: 100%;
        height: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgb(65, 65, 65);
    }

    .textsout1 {
        margin-top: 5px;
        width: 180px;
        height: 20px;
        background-color: rgb(109, 242, 7);
        color: white;
        position: absolute;
        margin-left: 10px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textsout2 {
        width: 180px;
        height: 20px;
        background-color: rgb(255, 166, 0);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textsout3 {
        margin-top: 5px;
        width: 180px;
        height: 20px;
        background-color: rgb(98, 250, 171);
        color: white;
        position: absolute;
        margin-left: 10px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textsout4 {
        width: 180px;
        height: 20px;
        background-color: rgb(40, 80, 94);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textholl1 {
        width: 200px;
        height: 20px;
        background-color: rgb(255, 0, 162);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textholl2 {
        width: 200px;
        height: 20px;
        background-color: rgb(68, 255, 0);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textholl3 {
        width: 200px;
        height: 20px;
        background-color: rgb(157, 19, 19);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textholl4 {
        width: 200px;
        height: 20px;
        background-color: rgb(64, 157, 160);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textboll1 {
        width: 200px;
        height: 20px;
        background-color: rgb(0, 255, 183);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textboll2 {
        width: 200px;
        height: 20px;
        background-color: rgb(255, 0, 0);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textboll3 {
        width: 200px;
        height: 20px;
        background-color: rgb(0, 166, 255);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textboll4 {
        width: 200px;
        height: 20px;
        background-color: rgb(81, 0, 255);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textpunj1 {
        width: 190px;
        height: 20px;
        background-color: rgb(43, 0, 255);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textpunj2 {
        width: 190px;
        height: 20px;
        background-color: rgb(204, 0, 255);
        color: white;
        position: absolute;
        margin-left: 10px;
        border-radius: 10px;
        margin-top: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textpunj3 {
        width: 190px;
        height: 20px;
        background-color: rgb(248, 55, 196);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textpunj4 {
        width: 190px;
        height: 20px;
        background-color: rgb(168, 255, 243);
        color: white;
        position: absolute;
        margin-left: 10px;
        border-radius: 10px;
        margin-top: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textwese1 {
        width: 130px;
        height: 20px;
        background-color: rgb(255, 135, 223);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textwese2 {
        width: 130px;
        height: 20px;
        background-color: rgb(255, 77, 0);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textwese3 {
        width: 130px;
        height: 20px;
        background-color: chartreuse;
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textwese4 {
        width: 130px;
        height: 20px;
        background-color: aqua;
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textanmo1 {
        width: 250px;
        height: 20px;
        background-color: red;
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .textanmo2 {
        width: 250px;
        height: 20px;
        background-color: rgb(101, 99, 99);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textanwe1 {
        width: 200px;
        height: 20px;
        background-color: red;
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textanwe2 {
        width: 200px;
        height: 20px;
        background-color: rgb(229, 255, 0);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textanwe3 {
        width: 200px;
        height: 20px;
        background-color: blue;
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .textanwe4 {
        width: 200px;
        height: 20px;
        background-color: darkblue;
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .texttren1 {
        width: 140px;
        height: 20px;
        background-color: rgb(248, 69, 206);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .texttren2 {
        width: 140px;
        height: 20px;
        background-color: rgb(3, 161, 218);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .texttren3 {
        width: 140px;
        height: 20px;
        background-color: rgb(0, 167, 139);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .texttren4 {
        width: 140px;
        height: 20px;
        background-color: rgb(53, 218, 3);
        color: white;
        position: absolute;
        margin-left: 10px;
        margin-top: 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }