@keyframes slideleft {

    0% {
        padding-right: 0px;
    }

    50% {
        padding-right: -250px;
    }

    100% {
        padding-right: 0px;
    }
}

@keyframes slideright {

    0% {
        padding-left: 0px;
    }

    50% {
        padding-left: -250px;
    }

    100% {
        padding-left: 0px;
    }
}

@keyframes blink {
    0% {
        color: #778899;
    }

    100% {
        color: white;
       text-shadow:0px 0px 15px gray;
    }
}

@keyframes dd {

    0% {
        height: 12%;
    }

    100% {
        height: 20%;
    }
}

@keyframes logomani {


    0% {
        opacity: 0.7;
    }

    30% {
        opacity: 0.8;
    }

    60% {
        opacity: 0.9;
    }

    100% {
        opacity: 1;
    }
}

@keyframes turnbabe {

    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(3600deg)
    }
}


@keyframes shad {
    0% {
        top: 30%
    }

    100% {
        top: 26%;
        box-shadow: 0px 40px 50px black;
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

@keyframes rabo {

    0% {
        color: black
    }

    25% {
        color: gray
    }

    50% {
        color: black
    }

    75% {
        color: gray
    }

    100% {
        color: black
    }
}

@keyframes ope {
    100% {
        transform: rotateY(90deg);
        left: -20%;
    }
}

@keyframes oppp {
    0% {
        opacity: 0.1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.1;
    }
}



@keyframes dplft {
    0% {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@media screen and (min-width: 650px) and (max-width:24000px) {
    @keyframes searc{

        100%{
            left:15%;
            width:60%;
            background-color: white;

        }


    }
    @keyframes searc3 {
        0%{
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    div.tpg0 {
        display: none;
    }

    div.tpg1 {
        display: none;
    }

    div.tpg2 {
        display: none;
    }

    div.tpg3 {
        display: none;
    }

    label.tlb1 {
        display: none;
    }
        ::-webkit-scrollbar {
            width: 10px;
        }
        /* Track */
        ::-webkit-scrollbar-track {
            background: black;
        }
        /* Handle */
        ::-webkit-scrollbar-thumb {
            background: white;
            border-radius: 5px;
            height: 5px;
        }
        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


        body {
            background-color: black;
            width: 100%;
            height: auto;
            margin: 0px;
            padding: 0px;
            overflow-x: hidden;
        }




        img.tree{

            position:absolute;
            left:0%;
            width:40%;
            top:20%;
        }


    div.type1 {
        position: absolute;
        
        top: 45%;
        font-size: 50px;
        width:100%;

        text-align:center;
        color: white;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }
    img.logoeqoo{
        position:absolute;
        top:100%;
        width:20%;
        left:40%;
    }
    div.pg1{
        position:absolute;
        top:130%;
        height:100%;
        width:100%;
        border-radius:0;
        background:white;
    }

    video.vid1{

        position:absolute;
        height:50%;
        top:15px;
        left:15px;
        border-radius:25px;
    }
   
    div.mp1 {
        position: absolute;
        left: 48%;
        top: 15px;
        height: 50%;
        width: 30%;
        border-style: none;
        border-width: 5px;
        border-color: white;
        border-radius: 25px;

        background: black;
    }
    label.lb1 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        left: 0%;
        width: 100%;
        top: 5px;
        background: #121FCF;
        background: linear-gradient(to right, #121FCF 0%, #FCFCFC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        text-align: center;
    }
    img.ph2 {
        position: absolute;
        width: 100%;
        right: 0px;
        bottom: 0px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius:25px;
    }


    div.mp4{
        position:absolute;
        height:50%;
        right:15px;
        top:15px;
        border-radius:25px;
        width:18.7%;
    }


    img.ph1 {
        position: absolute;
        width: 100%;
        right: 0px;
        top: 0;
        border-radius: 25px;
    }
    label.lb6 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
   
        width: 100%;
        top: 5px;
        background: #121FCF;
        background: linear-gradient(to bottom, red 0%, #FCFCFC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        text-align: center;
    }
    video.vid2 {
        position: absolute;
        height: 41%;
        bottom: 15px;
        right: 15px;
        border-radius: 25px;
    }


    div.mp2 {
        position: absolute;
        bottom: 15px;
        left: 15px;
        border-radius: 25px;
        width: 20%;
        height: 41%;
        background: black;
    }
    label.lb2 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        left: 0%;
        width: 100%;
        top: 5px;
        background: #121FCF;
        background: linear-gradient(to left, #a000ff 0%, #FCFCFC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        text-align: center;
    }


    label.lb3 {
        position: absolute;
 
        font-weight: bold;
        left: 0%;
        width: 100%;
        top: 50px;
        color:white;
        font-size: 20px;
        text-align: center;
    }
    div.pil {
        bottom: 15px;
        position: absolute;
        left: 40%;
        width: 20%;
        height: 60%;
       
        border-radius: 15px;
    }
    div.pilu {
        top: 0px;
        position: absolute;
        left: 30%;
        width: 40%;
        height: 3%;
        background: rgba(228,96,254,1);
        border-radius: 15px;
    }

    div.pila {
        bottom: 0%;
        position: absolute;
        left: 0%;
        width: 100%;
        height: 95%;
        background: rgb(228,96,254);
        background: linear-gradient(0deg, rgba(228,96,254,1) 0%, rgba(162,0,255,1) 86%, rgba(106,0,255,1) 100%);
        border-radius: 15px;
    }

    video.vid4{

        position:absolute;
        bottom:10%;
        width:100%;
    }
   
    @keyframes pilani{

        100% {
            transform: rotate(90deg);
            bottom:50%;
        }
    }
    div.mp2:hover>div.pil{
        animation:pilani 1s forwards;

    }
    label.lb4 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        left: 0%;
        bottom: 3%;
        width: 100%;
        font-size:40px;
        color:white;
        transform: rotate(270deg);
    }

    div.mp3 {
        position: absolute;
        bottom: 15px;
        left: 23%;
        border-radius: 25px;
        width: 21%;
        height: 41%;
        background: black;
        text-align: center;
    }
    label.lb5 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        left: 0%;
        font-size: 40px;
        width: 100%;
        background: #121FCF;
        background: linear-gradient(to top, #00ff53 20%, #FCFCFC 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    div.hs {
        position: absolute;
        text-align: center;
        width: 100%;
        bottom: 15%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        color: white;
    }



    @keyframes speaker {
        0% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 0%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        5% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 5%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        15% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 15%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    
        25% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 25%, white 60%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

 

        35% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 35%, white 60%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        45% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 45%, white 60%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        50% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 50%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        55% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 55%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
       65% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 65%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        70% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 70%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        75% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 75%, white 90%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        85% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 80%, white 90%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        95% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 95%, white 90%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        100% {
            color: #00ff5a;
        }
    }

    div.mp3:hover > div.hs {
        animation: speaker 1s infinite;
    }

    img.stt{position:absolute;
            bottom:0;
            left:0%;
        width:100%;
        border-bottom-left-radius:25px;
        border-bottom-right-radius:25px;
    }




    div.mp5 {

        position: absolute;
        bottom: 15px;
        left: 46%;
        border-radius: 25px;
        width: 15%;
        height: 41%;
        background: black;

    }




    img.img2{
        position:absolute;

             bottom:4%;
             width:50%;
             left:25%;


    }
    @keyframes lapp{

        100%{
            width:60%;
            left:20%;
            bottom:-5%;
        }
    }



    div.mp5:hover>img.img2{
        animation:lapp 2s forwards;
    }




    a.link1 {
        position: absolute;
        width: 100%;
        text-align: center;
        font-size: 30px;
        top: 0%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;

        background: #121FCF;
        background: linear-gradient(to top, yellow 20%, #FCFCFC 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }




    div.pg2{
        position:absolute;
        top:231%;

        width:100%;
        height:100%;
    }


    video.vid5{
        position:absolute;
        left:1%;
        top:7%;
        width:75%;
        border-radius:25px;
        
    }



    div.mp6 {
        position: absolute;
        top: 7%;
        right: 2%;
        border-radius: 25px;
        width: 20%;
        height: 41%;
        background: white;
    }




    div.mp7 {
        position: absolute;
        bottom: 7%;
       
        right: 2%;
        border-radius: 25px;
        width: 20%;
        height: 41%;
        background: white;
        
    }

    @keyframes img3{

        100% {
            width: 80%;
            
            left: 10%;
        }
    }

    img.img3{
        position:absolute;
             width:70%;
             left:15%;
             top:20%;
             text-align:center;

    
    }
    div.mp6:hover>img.img3{

        animation:img3 2s forwards;
    }

    a.link2 {
        position: absolute;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        bottom: 10%;
        text-align: center;
        color: rgb(0, 102, 255);
  
    }

    @keyframes link2{

        100%{
            position:absolute;
            color:black;
            
        }
    }
    a.link2:hover{
        animation:link2 1s forwards;
    }



    a.link3 {
        position: absolute;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        top: 10%;
        text-align: center;
        color: rgb(0, 102, 255);
    }


    a.link3:hover {
        animation: link2 1s forwards;
    }


    img.img4{
        position:absolute;
        left:15%;
        bottom:7%;
        width:30%;
    
    }
    @keyframes img2up {

        100% {
           width:35%;
           bottom:10%;
           left:12%;
        }
    }
    img.img4:hover{
        animation:img2up 1s forwards;
        
    }
    img.img5 {
        position: absolute;
        right: 15%;
        bottom: 7%;
        width: 30%;
    }

    @keyframes img23up {

        100% {
            width: 33%;
            bottom: 10%;
            right: 12%;
        }
    }

    img.img5:hover {
        animation: img23up 1s forwards;
    }




    div.pg3 {
        position: absolute;
        top: 331%;
        height:80%;
        width: 100%;
        border-radius: 0;
        background: white;
    }

    img.img6{
        position:absolute;
        left:2%;
        width:47%;
        top:5%;

    }



    img.img7 {
        position: absolute;
        right: 2%;
        width: 47%;
        top: 5%;
    }





    div.btpickers{
        position:absolute;
        left:10%;
        width:80%;
        height:5%;
        border-radius:50px;
        background:rgb(239, 239, 239, 0.80);
        bottom:5%;
    } @keyframes bpck{
          50%{
            
              height:100%;
          }
       100% {
            height: 100%;
        }
      }
    #b:hover{

        animation:bpck 0.05s forwards;
    }


    button.bt1 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 4%;
        background: blue;
        border-radius: 75px;
        border: none;
    }

   

    button.bt2{
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left:12%;
        background: gray;
        border-radius: 75px;
        border: none;
    }



    button.bt3 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left:20%;
        background: gray;
        border-radius: 75px;
        border: none;
    }



    button.bt4 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left:28%;
        background: gray;
        border-radius: 75px;
        border: none;
    }





    button.bt5 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 36%;
        background: gray;
        border-radius: 75px;
        border: none;
    }




    button.bt6 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 44%;
        background: gray;
        border-radius: 75px;
        border: none;
    }


    button.bt7 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 52%;
        background: gray;
        border-radius: 75px;
        border: none;
    }





    button.bt8 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 60%;
        background: gray;
        border-radius: 75px;
        border: none;
    }



    button.bt9 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 68%;
        background: gray;
        border-radius: 75px;
        border: none;
    }



    button.bt10 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 76%;
        background: gray;
        border-radius: 75px;
        border: none;
    }





    button.bt11 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 84%;
        background: gray;
        border-radius: 75px;
        border: none;
    }




    button.bt12 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 92%;
        background: gray;
        border-radius: 75px;
        border: none;
    }


















    footer {
        position: fixed;
        bottom: 2%;
        left: 45%;
        z-index: 100;
        background: rgb(15,15, 15, 0.90);
        
        border-radius: 70px;
        height: 10%;
        left: 20%;
        width: 60%;
    }
    @keyframes footo {


        100% {
            width: 80%;
            left: 10%;
            height: 15%;
            bottom:5%;
        }
    }

        footer:hover {
          animation:footo 2s forwards;
        }


  a.link4{
      position:absolute;
      top:10%;
      left:18%;
      height:80%;
  }
        img.imglapp{position:absolute;
                 height:100%;
                 left:0;
                 top:0;
        }
    @keyframes link4 {


        100% {
           
         
            height: 85%;
            top: -10%;
        }
    }

    #ea:hover {
        animation: link4 1s forwards;
    }
    a.link5 {
        position: absolute;
        left: 28%;
        top: 10%;
        height: 80%;
        
    }
    img.imgig {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius:75px;
    }

    a.link6 {
        position: absolute;
        left: 38%;
        top: 10%;
        height: 80%;
    }

    img.imgyt {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }
    a.link7 {
        position: absolute;
        left: 48%;
        top: 10%;
        height: 80%;
    }

    img.imgspoti {
        position: absolute;
        height:100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }
    a.link8 {
        position: absolute;
        left: 58%;
        top: 10%;
        height: 80%;
    }

    img.imgloo {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }
    a.link9 {
        position: absolute;
        left:78%;
        top: 10%;
        height: 80%;
        z-index: -1;
    }

    img.imgeq {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius:0px;
     
    }

    a.link10 {
        position: absolute;
        left: 68%;
        top: 10%;
        height: 80%;
        z-index: -1;
    }

    img.imgau {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }
    div.chz1{

        position:absolute;
        left:10%;
        width:35%;
        top:15%;
        height:60%;
        background:white;
        border-radius:30px;

    }
    div.chz2 {
        position: absolute;
        right: 10%;
        width: 35%;
        top: 15%;
        height: 60%;
        background: white;
        border-radius: 30px;
    }
    img.chzrsm {
        position: absolute;
        left: 10%;
        top: 20%;
        width: 80%;
      
     
    }
    a.hh {
        position: absolute;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        font-size: xx-large;
        top: 2%;
        text-align: center;
        color: rgb(0, 102, 255);
        text-decoration: auto;
    }

    div.feat {
        top: 15%;
        text-align: center;
        position: absolute;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }
}

/* PHONE*/
@media screen and (min-width:100px) and (max-width:649px) {
    @keyframes searc {

        100% {
            left: 15%;
            width: 60%;
            background-color: white;
        }
    }

    @keyframes searc3 {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }


    ::-webkit-scrollbar {
        height: 3px;
    }
    /* Track */
    ::-webkit-scrollbar-track {
        background: white;
    }
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: gray;
        border-radius: 50px;
        width: 5px;
    }
        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    body {
        background-color: black;
        width: 100%;
        height: 1500px;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden;
    }




    img.tree {
        position: absolute;
        left: 0%;
        width: 40%;
        top: 20%;
        display:none;

    }

    img.logoeqoo {
        position: absolute;
        top: 120%;
        width: 20%;
        left: 40%;
    }

    div.type1 {
        position: absolute;
        top:110%;
        font-size: 20px;
        width: 100%;
        text-align: center;
        color: white;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
      
    }
    div.chz1{
        display:none;

    }
    div.chz2{
        display:none;
    }
    div.tpg0 {
        position: absolute;
        width: 100%;
        height: 60%;
        top: 20%;

        background:white;
        overflow-x: auto;
    }
    div.tchz1 {
        position: absolute;
        left: 10%;
        width: 80%;
        top: 10%;
        height: 80%;
        background: white;
        border-radius: 30px;
        background: rgb(255,255,255);
        background: linear-gradient(150deg, rgba(255,255,255,1) 0%, rgba(255,231,212,1) 100%);

    }

    div.tchz2 {
        position: absolute;
        left: 100%;
        width: 80%;
        top: 10%;
        height: 80%;
        background: black;
        border-radius: 30px;
        background: rgb(255,255,255);
        background: linear-gradient(150deg, rgba(255,255,255,1) 0%, rgba(212,253,255,1) 100%);
    }

    img.chzrsm {
        position: absolute;
        left: 10%;
        bottom: 0%;
        width: 80%;
    }

    a.hh {
        position: absolute;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        font-size: xx-large;
        top: 2%;
        text-align: center;
        color: rgb(0, 102, 255);
        text-decoration: auto;
    }
    
    a.hh {
        position: absolute;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        font-size: xx-large;
        top: 2%;
        text-align: center;
        color: rgb(0, 102, 255);
        text-decoration: auto;
    }

    div.feat {
        top: 15%;
        text-align: center;
        position: absolute;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }
    div.tpg1 {
        position: absolute;
        width: 100%;
        height: 60%;
        top: 130%;
        background: white;
        overflow-x: auto;
    }
    div.tpg1h{

        position:absolute;
        left:255%;
        background:white;
        height:100%;
        width:5%;
    }
    div.tmp1 {
        position: absolute;
        left: 5%;
        top: 5%;
        height: 90%;
        width: 80%;
        border-radius: 25px;
    }


    div.tmp2 {
        position: absolute;
        left: 90%;
        top: 5%;
        height: 42.5%;
        width: 80%;
        border-radius: 25px;
        background: black;
    }




    div.tmp3 {
        position: absolute;
        left: 90%;
        bottom: 5%;
        height: 42.5%;
        width: 80%;
        border-radius: 25px;
      
    }




    div.tmp4 {
        position: absolute;
        left: 175%;
        top: 5%;
        height: 90%;
        width: 80%;
        border-radius: 25px;
        background: black;

    }




    video.tvid1 {
        position: absolute;
        left: 0;
       
        border-radius: 25px;
        width: 100%;
        height: 100%;
        background: black;
    }

    img.timg1 {
        color: white;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        position: absolute;
        left: 5%;
        top: 5%;
        height: 90%;
        width: 80%;
        border-radius: 25px;
        background: black;
    }


    label.ttype1 {
        position: absolute;
        width: 100%;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        background: #121FCF;
        background: linear-gradient(to left, red 0%, #FCFCFC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
    }

    a.tlink1 {
        position: absolute;
        left:30%;
        width: 40%;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
  background:white;
  bottom:5%;

  border-radius:75px;
  
        font-size: 15px;
    }



    img.timg2 {
        color: white;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        position: absolute;
        left: 90%;
        bottom: 5%;
        height: 42.5%;
        width: 80%;
        border-radius: 25px;
        background: black;
    }


    label.tlb1 {
        color: white;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        position: absolute;
        top: 92%;
        width:100%;
        text-align:center;
        font-size:20px;

    }




    div.tpg2 {
        position: absolute;
     
        width: 100%;
        height: 60%;
        top: 195%;
     
        overflow-x:scroll;
    }

    div.tpg2h {
        position: absolute;
        left: 340%;
        background: black;
        height: 100%;
        width: 5%;
    }


    div.tmp5 {
   
        position: absolute;
        left: 5%;
        top: 5%;
        height: 90%;
        width: 80%;
        border-radius: 25px;
        background:white;

    }
    img.timg3{

        position:absolute;
        width:100%;
        left:15%;
        bottom:10%;
    }
    img.timg4 {
        position: absolute;
        height:60%;
        left: 2%;
        bottom: 10%;
    }


    label.tlb3{
        color: BLACK;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        position: absolute;
        top: 5%;
        width: 100%;
        text-align: center;
        font-size: 20px;
    }


    label.tlb4 {
        color: gray;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     
        position: absolute;
        top: 15%;
        width: 100%;
        text-align: center;
        font-size: 20px;
    }

    label.tlb5 {
        color: gray;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

        position: absolute;
        top: 20%;
        width: 100%;
        text-align: center;
        font-size: 20px;
    }

    button.tbtcr{
        position:absolute;
        bottom:3%;
        left:12%;
        background:red;
        border-radius:2px;
        width:20px;
        height:20px;
        border:none;

    }

    button.tbtcy {
        position: absolute;
        bottom: 3%;
        left:23%;
        background: yellow;
        border-radius: 2px;
        width: 20px;
        height: 20px;
        border: none;
    }
    button.tbtcg {
        position: absolute;
        bottom: 3%;
        left: 34%;
        background: rgb(0,255,0);
        border-radius: 2px;
        width: 20px;
        height: 20px;
        border: none;
    }


    button.tbtcp {
        position: absolute;
        bottom: 3%;
        left: 45%;
        background: purple;
        border-radius: 2px;
        width: 20px;
        height: 20px;
        border: none;
    }

    button.tbtcb {
        position: absolute;
        bottom: 3%;
        left:56%;
        background: blue;
        border-radius: 2px;
        width: 20px;
        height: 20px;
        border: none;
    }

    button.tbtcgr {
        position: absolute;
        bottom: 3%;
        left: 67%;
        background: #c2c5cc;
        border-radius: 2px;
        width: 20px;
        height: 20px;
        border: none;
    }

    button.tbtcc {
        position: absolute;
        bottom: 3%;
        left: 78%;
        background: cyan;
        border-radius: 2px;
        width: 20px;
        height: 20px;
        border: none;
    }


    div.tmp6{
        position:absolute;
        top:5%;
        background:white;
        width:80%;
        height:90%;
        left:90%;
        border-radius:25px;

    }




    div.tmp7 {
        position: absolute;
        top: 5%;
        background: white;
        width: 80%;
        height: 90%;
        left: 175%;
        border-radius: 25px;
    }


    img.timg5 {
        position: absolute;
        width: 100%;
        bottom: 0%;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }


    label.tlb6 {
        position: absolute;
        top:5%;
        color: black;
        width: 100%;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        font-size:20px;
    }


    h2.th1 {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 20%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        color: red;
    }


    h3.th2 {
        position: absolute;
        width: 100%;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        top: 40%;
        color:red;
    }



    h4.th2 {
        top: 50%;
        position: absolute;
        width: 100%;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }

    div.ths1 {
        background: #121FCF;
        background: linear-gradient(to bottom, blue 0%, #FCFCFC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }




    label.tlb7 {
        position: absolute;
        width: 100%;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        top:5%;
        font-size:25px;
    }












    label.tlb7 {
        position: absolute;
        width: 100%;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Cambria, 'Helvetica Neue', sans-serif;
        font-weight: bold;
        top: 5%;
        font-size: 25px;
    }






    label.tlb8 {
        position: absolute;
        width: 100%;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Cambria, 'Helvetica Neue', sans-serif;
        font-weight: bold;
        color: white;
        font-size: 50px;
     
    }




    label.tlb9 {
        position: absolute;
        width: 100%;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Cambria, 'Helvetica Neue', sans-serif;
        font-weight: bold;
        font-size: 50px;
        color: white;

    }






    label.tlb10 {
        position: absolute;
        width: 100%;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Cambria, 'Helvetica Neue', sans-serif;
        font-weight: bold;
        color: white;
        font-size: 50px;
      
    }






    label.tlb11 {
        position: absolute;
        width: 100%;
        text-align: center;
        color: white;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Cambria, 'Helvetica Neue', sans-serif;
        font-weight: bold;
        font-size: 50px;

    }


    @keyframes party {
        0% {
            background:white;
        }
        25% {
            background-image: linear-gradient(to top, purple 0%, #FCFCFC 100%);
        }
        50% {
            background-image: linear-gradient(to top, purple 25%, #FCFCFC 100%);
        }
        75% {
            background-image: linear-gradient(to top,  purple 75%, #FCFCFC 100%);
        }
        100% {
            background-image: linear-gradient(to top, purple 100%, #FCFCFC 100%);
        }
    }


    div.party {
      position:absolute;
      width:50%;
      left:25%;
      height:70%;
      top:22%;
   animation:party 1s infinite;
   border-radius:25px;

    }
    div.dtop {
        position: absolute;
        top: -10%;
        width: 40%;
        left: 30%;
        height: 6%;
        border-radius: 25px;
        background: purple;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Cambria, 'Helvetica Neue', sans-serif;
        font-weight: bold;
        color: white;
        font-size: 12px;
    }
    #h2p {
        position: relative;
        width: 100%;
        text-align: center;
        color: white;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Cambria, 'Helvetica Neue', sans-serif;
        font-weight: bold;
        top: 0%;
        font-size: 25px;
    }
    img.timg6{
        position:absolute;
        width:90%;
        left:5%;
        bottom:-5%;
    }



    label.tlb8 {
        position: absolute;
        color: black;
        width:100%;
        text-align:center;
        font-size:15px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Cambria, 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }








    div.tmp8 {
        position: absolute;
        left: 260%;
        top: 5%;
        height: 42.5%;
        width: 80%;
        border-radius: 25px;
        background: black;
        background: white;
    }



    video.tvid2{

        position:absolute;
        height:100%;
        width:100%;
        top:0;
        border-radius:25px;
    }

    div.tmp9{
        position: absolute;
        left: 260%;
        bottom: 5%;
        height: 42.5%;
        background:white;
        width: 80%;
        border-radius: 25px;
    }

    a.tlink2 {
        position: absolute;
        width: 100%;
        top: 5%;
       color:rgb(83 ,0 ,181);
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Cambria, 'Helvetica Neue', sans-serif;
        font-weight: bold;
        font-size: 25px;
    }
    img.timg7 {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }
    img.timg8 {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }
   
   

    img.timg45 {
        position: absolute;
        left: 20%;
        bottom: 7%;
        width: 20%;
    }

  

    img.timg55 {
        position: absolute;
        right: 20%;
        bottom: 7%;
        width: 20%;
    }

    

    div.tpg3{
        position:absolute;
        top:260%;
        width:100%;
        height:35%;
        background:black;
    }


    video.tvid413 {
        position: absolute;
        top: 0%;
        width: 100%;
    }
    a.tlink3 {
        position: absolute;
        background: white;
        left: 30%;
        width: 40%;
        bottom: 5%;
        height: 8%;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Cambria, 'Helvetica Neue', sans-serif;
        font-weight: bold;
        border-radius:25px;

    }




    div.pg1 {
        position: absolute;
        top: 130%;
        height: 100%;
        width: 100%;
        border-radius: 0;
        background: white;
        display: none;
    }

    video.vid1 {
        position: absolute;
        height: 50%;
        top: 15px;
        left: 15px;
        border-radius: 25px;
    }

    div.mp1 {
        position: absolute;
        left: 48%;
        top: 15px;
        height: 50%;
        width: 30%;
        display:none;
        border-style: none;
        border-width: 5px;
        border-color: white;
        border-radius: 25px;
        background: black;
    }

    label.lb1 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        left: 0%;
        width: 100%;
        top: 5px;
        background: #121FCF;
        background: linear-gradient(to right, #121FCF 0%, #FCFCFC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        text-align: center;
    }

    img.ph2 {
        position: absolute;
        width: 100%;
        right: 0px;
        bottom: 0px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }


    div.mp4 {
        position: absolute;
        height: 100%;
        right: 0px;
        top: 0px;
        border-radius: 25px;
        width:100%;
     
    }


    img.ph1 {
        position: absolute;
      height: 100%;
      width:100%;
        right: 0px;
        top: 0;
        border-radius: 25px;
    }

    label.lb6 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        width: 100%;
        top: 5px;
        background: #121FCF;
        background: linear-gradient(to bottom, blue 0%, #FCFCFC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        text-align: center;
    }

    video.vid2 {
        position: absolute;
        height: 41%;
        bottom: 15px;
        right: 15px;
        border-radius: 25px;
    }


    div.mp2 {
        position: absolute;
        bottom: 15px;
        left: 15px;
        border-radius: 25px;
        width: 20%;
        display:none;
        height: 41%;
        background: black;
    }

    label.lb2 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        left: 0%;
        width: 100%;
        top: 5px;
        background: #121FCF;
        background: linear-gradient(to left, #a000ff 0%, #FCFCFC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        text-align: center;
    }


    label.lb3 {
        position: absolute;
        font-weight: bold;
        left: 0%;
        width: 100%;
        top: 50px;
        color: white;
        font-size: 20px;
        text-align: center;
    }

    div.pil {
        bottom: 15px;
        position: absolute;
        left: 40%;
        width: 20%;
        height: 60%;
        border-radius: 15px;
    }

    div.pilu {
        top: 0px;
        position: absolute;
        left: 30%;
        width: 40%;
        height: 3%;
        background: rgba(228,96,254,1);
        border-radius: 15px;
    }

    div.pila {
        bottom: 0%;
        position: absolute;
        left: 0%;
        width: 100%;
        height: 95%;
        background: rgb(228,96,254);
        background: linear-gradient(0deg, rgba(228,96,254,1) 0%, rgba(162,0,255,1) 86%, rgba(106,0,255,1) 100%);
        border-radius: 15px;
    }

   

    @keyframes pilani {

        100% {
            transform: rotate(90deg);
            bottom: 50%;
        }
    }

    div.mp2:hover > div.pil {
        animation: pilani 1s forwards;
    }

    label.lb4 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        left: 0%;
        bottom: 3%;
        width: 100%;
        font-size: 40px;
        color: white;
        transform: rotate(270deg);
    }

    div.mp3 {
        position: absolute;
        bottom: 15px;
        left: 23%;
        border-radius: 25px;
        width: 21%;
        height: 41%;
        background: black;
        text-align: center;
        display:none;
    }

    label.lb5 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        left: 0%;
        font-size: 40px;
        width: 100%;
        background: #121FCF;
        background: linear-gradient(to top, #00ff53 20%, #FCFCFC 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    div.hs {
        position: absolute;
        text-align: center;
        width: 100%;
        bottom: 25%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        color: white;
        animation: speaker 1s infinite;
    }



    @keyframes speaker {
        0% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 0%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        5% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 5%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        15% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 15%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        25% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 25%, white 60%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }



        35% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 35%, white 60%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        45% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 45%, white 60%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        50% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 50%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        55% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 55%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        65% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 65%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        70% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 70%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        75% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 75%, white 90%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        85% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 80%, white 90%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        95% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 95%, white 90%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        100% {
            color: #00ff5a;
        }
    }



    img.stt {
        position: absolute;
        bottom: 0;
        left: 0%;
        width: 100%;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }




    div.mp5 {
        position: absolute;
        bottom: 15px;
        left: 46%;
        border-radius: 25px;
        width: 15%;
        height: 41%;
        display:none;
        background: black;
    }




    img.img2 {
        position: absolute;
        bottom: 4%;
        width: 50%;
        left: 25%;
    }

    @keyframes lapp {

        100% {
            width: 60%;
            left: 20%;
            bottom: -5%;
        }
    }



    div.mp5:hover > img.img2 {
        animation: lapp 2s forwards;
    }




    a.link1 {
        position: absolute;
        width: 100%;
        text-align: center;
        font-size: 30px;
        top: 0%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        background: #121FCF;
        background: linear-gradient(to top, yellow 20%, #FCFCFC 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }




    div.pg2 {
        position: absolute;
        top: 331%;
        width: 100%;
        display: none;
        height: 100%;
    }


    video.vid5 {
        position: absolute;
        left: 1%;
        top: 7%;
        width: 75%;
        border-radius: 25px;
    }



    div.mp6 {
        position: absolute;
        top: 7%;
        right: 2%;
        border-radius: 25px;
        width: 20%;
        height: 41%;
        background: white;
    }




    div.mp7 {
        position: absolute;
        bottom: 7%;
        right: 2%;
        border-radius: 25px;
        width: 20%;
        height: 41%;
        background: white;
    }

    @keyframes img3 {

        100% {
            width: 80%;
            left: 10%;
        }
    }

    img.img3 {
        position: absolute;
        width: 70%;
        left: 15%;
        top: 20%;
        text-align: center;
    }

    div.mp6:hover > img.img3 {
        animation: img3 2s forwards;
    }

    a.link2 {
        position: absolute;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        bottom: 10%;
        text-align: center;
        color: rgb(0, 102, 255);
    }

    @keyframes link2 {

        100% {
            position: absolute;
            color: black;
        }
    }

    a.link2:hover {
        animation: link2 1s forwards;
    }



    a.link3 {
        position: absolute;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        top: 10%;
        text-align: center;
        color: rgb(0, 102, 255);
    }


        a.link3:hover {
            animation: link2 1s forwards;
        }


    img.img4 {
        position: absolute;
        left: 15%;
        bottom: 7%;
        width: 30%;
    }

    @keyframes img2up {

        100% {
            width: 35%;
            bottom: 10%;
            left: 12%;
        }
    }

    img.img4:hover {
        animation: img2up 1s forwards;
    }

    img.img5 {
        position: absolute;
        right: 15%;
        bottom: 7%;
        width: 30%;
    }

    @keyframes img23up {

        100% {
            width: 33%;
            bottom: 10%;
            right: 12%;
        }
    }

    img.img5:hover {
        animation: img23up 1s forwards;
    }




    div.pg3 {
        position: absolute;
        top: 431%;
        height: 80%;
        width: 100%;
        border-radius: 0;
        background: white;
        display:none;
    }

    img.img6 {
        position: absolute;
        left: 2%;
        width: 47%;
        top: 5%;
    }



    img.img7 {
        position: absolute;
        right: 2%;
        width: 47%;
        top: 5%;
    }





    div.tbtpickers {
        position: absolute;
        left: 10%;
        width: 80%;
        height: 25px;
        border-radius: 50px;
        background: rgb(239, 239, 239, 0.80);
        bottom: 5%;
    }

    @keyframes bpck {
        50% {
            height: 100%;
        }

        100% {
            height: 100%;
        }
    }

    #tb:hover {
        animation: bpck 0.05s forwards;
    }


    button.tbt1 {
        position: absolute;
        height: 15px;
        top: 5px;
        width: 15px;
        background: blue;
        left: 4%;
        border-radius: 75px;
        border: none;
    }



    button.tbt2 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 12%;
        background: gray;
        border-radius: 75px;
        border: none;
        height: 15px;
        top: 5px;
        width: 15px;
    }



    button.tbt3 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 20%;
        background: gray;
        border-radius: 75px;
        border: none;
        height: 15px;
        top: 5px;
        width: 15px;
    }



    button.tbt4 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 28%;
        background: gray;
        border-radius: 75px;
        border: none;
        height: 15px;
        top: 5px;
        width: 15px;
    }





    button.tbt5 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 36%;
        background: gray;
        border-radius: 75px;
        border: none;
        height: 15px;
        top: 5px;
        width: 15px;
    }




    button.tbt6 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 44%;
        background: gray;
        border-radius: 75px;
        border: none;
        height: 15px;
        top: 5px;
        width: 15px;
    }


    button.tbt7 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 52%;
        background: gray;
        border-radius: 75px;
        border: none;
        height: 15px;
        top: 5px;
        width: 15px;
    }





    button.tbt8 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 60%;
        background: gray;
        border-radius: 75px;
        border: none;
        height: 15px;
        top: 5px;
        width: 15px;
    }



    button.tbt9 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 68%;
        background: gray;
        border-radius: 75px;
        border: none;
        height: 15px;
        top: 5px;
        width: 15px;
    }



    button.tbt10 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 76%;
        background: gray;
        border-radius: 75px;
        border: none;
        height: 15px;
        top: 5px;
        width: 15px;
    }





    button.tbt11 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 84%;
        background: gray;
        border-radius: 75px;
        border: none;
        height: 15px;
        top: 5px;
        width: 15px;
    }




    button.tbt12 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 92%;
        background: gray;
        border-radius: 75px;
        border: none;
        height: 15px;
        top: 5px;
        width: 15px;
    }


















    footer {
        position: fixed;
        bottom: 2%;
        left: 10%;
        z-index: 100;
        background: rgb(15,15, 15, 0.90);
        border-radius: 70px;
        height: 5%;
        z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
        width: 80%;
    }

    @keyframes footo {


        100% {
            width: 100%;
            left: 0%;
            height: 8%;
            bottom: 5%;
        }
    }

    footer:hover {
        animation: footo 2s forwards;
    }


    a.link4 {
        position: absolute;
        top: 10%;
        left: 2%;
        height: 80%;
    }

    img.imglapp {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }

    @keyframes link4 {


        100% {
            height: 85%;
            top: -10%;
        }
    }

    #ea:hover {
        animation: link4 1s forwards;
    }

    a.link5 {
        position: absolute;
        left:17%;
        top: 10%;
        height: 80%;
    }

    img.imgig {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 75px;
    }

    a.link6 {
        position: absolute;
        left: 32%;
        top: 10%;
        height: 80%;
    }

    img.imgyt {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }

    a.link7 {
        position: absolute;
        left: 47%;
        top: 10%;
        height: 80%;
    }

    img.imgspoti {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }

    a.link8 {
        position: absolute;
        left:62%;
        top: 10%;
        height: 80%;
        display:none;
    }

    img.imgloo {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }

    a.link9 {
        position: absolute;
        left: 78%;
        top: 10%;
        height: 80%;
        z-index: -1;
    }

    img.imgeq {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 0px;
    }

    a.link10 {
        position: absolute;
        left:62%;
        top: 10%;
        height: 80%;
        z-index: -1;
    }

    img.imgau {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }
   
}
/* PHONE */
@media screen and (min-height:200px) and (max-height:450px) {
    @keyframes searc {

        100% {
            left: 15%;
            width: 60%;
            background-color: white;
        }
    }

    @keyframes searc3 {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    div.tpg0 {
        display: none;
    }

    div.tpg1 {
        display: none;
    }

    div.tpg2 {
        display: none;
    }

    div.tpg3 {
        display: none;
    }

    label.tlb1 {
        display: none;
    }

    ::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    ::-webkit-scrollbar-track {
        background: black;
    }
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: white;
        border-radius: 5px;
        height: 5px;
    }
        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


    body {
        background-color: black;
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden;
    }




    img.tree {
        position: absolute;
        left: 0%;
        width: 40%;
        top: 20%;
    }


    div.type1 {
        position: absolute;
        top: 45%;
        font-size: 50px;
        width: 100%;
        text-align: center;
        color: white;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }

    img.logoeqoo {
        position: absolute;
        top: 100%;
        width: 20%;
        left: 40%;
    }

    div.pg1 {
        position: absolute;
        top: 130%;
        height: 100%;
        width: 100%;
        border-radius: 0;
        background: white;
    }

    video.vid1 {
        position: absolute;
        height: 50%;
        top: 15px;
        left: 15px;
        border-radius: 25px;
    }

    div.mp1 {
        position: absolute;
        left: 48%;
        top: 15px;
        height: 50%;
        width: 30%;
        border-style: none;
        border-width: 5px;
        border-color: white;
        border-radius: 25px;
        background: black;
    }

    label.lb1 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        left: 0%;
        width: 100%;
        top: 5px;
        background: #121FCF;
        background: linear-gradient(to right, #121FCF 0%, #FCFCFC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        text-align: center;
    }

    img.ph2 {
        position: absolute;
        width: 100%;
        right: 0px;
        bottom: 0px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }


    div.mp4 {
        position: absolute;
        height: 50%;
        right: 15px;
        top: 15px;
        border-radius: 25px;
        width: 18.7%;
    }


    img.ph1 {
        position: absolute;
        width: 100%;
        right: 0px;
        top: 0;
        border-radius: 25px;
    }

    label.lb6 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        width: 100%;
        top: 5px;
        background: #121FCF;
        background: linear-gradient(to bottom, red 0%, #FCFCFC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        text-align: center;
    }

    video.vid2 {
        position: absolute;
        height: 41%;
        bottom: 15px;
        right: 15px;
        border-radius: 25px;
    }


    div.mp2 {
        position: absolute;
        bottom: 15px;
        left: 15px;
        border-radius: 25px;
        width: 20%;
        height: 41%;
        background: black;
    }

    label.lb2 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        left: 0%;
        width: 100%;
        top: 5px;
        background: #121FCF;
        background: linear-gradient(to left, #a000ff 0%, #FCFCFC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        text-align: center;
    }


    label.lb3 {
        position: absolute;
        font-weight: bold;
        left: 0%;
        width: 100%;
        top: 50px;
        color: white;
        font-size: 20px;
        text-align: center;
    }

    div.pil {
        bottom: 15px;
        position: absolute;
        left: 40%;
        width: 20%;
        height: 60%;
        border-radius: 15px;
    }

    div.pilu {
        top: 0px;
        position: absolute;
        left: 30%;
        width: 40%;
        height: 3%;
        background: rgba(228,96,254,1);
        border-radius: 15px;
    }

    div.pila {
        bottom: 0%;
        position: absolute;
        left: 0%;
        width: 100%;
        height: 95%;
        background: rgb(228,96,254);
        background: linear-gradient(0deg, rgba(228,96,254,1) 0%, rgba(162,0,255,1) 86%, rgba(106,0,255,1) 100%);
        border-radius: 15px;
    }

    video.vid4 {
        position: absolute;
        bottom: 10%;
        width: 100%;
    }

    @keyframes pilani {

        100% {
            transform: rotate(90deg);
            bottom: 50%;
        }
    }

    div.mp2:hover > div.pil {
        animation: pilani 1s forwards;
    }

    label.lb4 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        left: 0%;
        bottom: 3%;
        width: 100%;
        font-size: 40px;
        color: white;
        transform: rotate(270deg);
    }

    div.mp3 {
        position: absolute;
        bottom: 15px;
        left: 23%;
        border-radius: 25px;
        width: 21%;
        height: 41%;
        background: black;
        text-align: center;
    }

    label.lb5 {
        position: absolute;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        left: 0%;
        font-size: 40px;
        width: 100%;
        background: #121FCF;
        background: linear-gradient(to top, #00ff53 20%, #FCFCFC 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    div.hs {
        position: absolute;
        text-align: center;
        width: 100%;
        bottom: 15%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        color: white;
    }



    @keyframes speaker {
        0% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 0%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        5% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 5%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        15% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 15%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        25% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 25%, white 60%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }



        35% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 35%, white 60%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        45% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 45%, white 60%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        50% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 50%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        55% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 55%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        65% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 65%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        70% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 70%, white 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        75% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 75%, white 90%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        85% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 80%, white 90%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        95% {
            background: #121FCF;
            background: linear-gradient(to top, #00ff5a 95%, white 90%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        100% {
            color: #00ff5a;
        }
    }

    div.mp3:hover > div.hs {
        animation: speaker 1s infinite;
    }

    img.stt {
        position: absolute;
        bottom: 0;
        left: 0%;
        width: 100%;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }




    div.mp5 {
        position: absolute;
        bottom: 15px;
        left: 46%;
        border-radius: 25px;
        width: 15%;
        height: 41%;
        background: black;
    }




    img.img2 {
        position: absolute;
        bottom: 4%;
        width: 50%;
        left: 25%;
    }

    @keyframes lapp {

        100% {
            width: 60%;
            left: 20%;
            bottom: -5%;
        }
    }



    div.mp5:hover > img.img2 {
        animation: lapp 2s forwards;
    }




    a.link1 {
        position: absolute;
        width: 100%;
        text-align: center;
        font-size: 30px;
        top: 0%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        background: #121FCF;
        background: linear-gradient(to top, yellow 20%, #FCFCFC 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }




    div.pg2 {
        position: absolute;
        top: 231%;
        width: 100%;
        height: 100%;
    }


    video.vid5 {
        position: absolute;
        left: 1%;
        top: 7%;
        width: 75%;
        border-radius: 25px;
    }



    div.mp6 {
        position: absolute;
        top: 7%;
        right: 2%;
        border-radius: 25px;
        width: 20%;
        height: 41%;
        background: white;
    }




    div.mp7 {
        position: absolute;
        bottom: 7%;
        right: 2%;
        border-radius: 25px;
        width: 20%;
        height: 41%;
        background: white;
    }

    @keyframes img3 {

        100% {
            width: 80%;
            left: 10%;
        }
    }

    img.img3 {
        position: absolute;
        width: 70%;
        left: 15%;
        top: 20%;
        text-align: center;
    }

    div.mp6:hover > img.img3 {
        animation: img3 2s forwards;
    }

    a.link2 {
        position: absolute;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        bottom: 10%;
        text-align: center;
        color: rgb(0, 102, 255);
    }

    @keyframes link2 {

        100% {
            position: absolute;
            color: black;
        }
    }

    a.link2:hover {
        animation: link2 1s forwards;
    }



    a.link3 {
        position: absolute;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        top: 10%;
        text-align: center;
        color: rgb(0, 102, 255);
    }


        a.link3:hover {
            animation: link2 1s forwards;
        }


    img.img4 {
        position: absolute;
        left: 15%;
        bottom: 7%;
        width: 30%;
    }

    @keyframes img2up {

        100% {
            width: 35%;
            bottom: 10%;
            left: 12%;
        }
    }

    img.img4:hover {
        animation: img2up 1s forwards;
    }

    img.img5 {
        position: absolute;
        right: 15%;
        bottom: 7%;
        width: 30%;
    }

    @keyframes img23up {

        100% {
            width: 33%;
            bottom: 10%;
            right: 12%;
        }
    }

    img.img5:hover {
        animation: img23up 1s forwards;
    }




    div.pg3 {
        position: absolute;
        top: 331%;
        height: 80%;
        width: 100%;
        border-radius: 0;
        background: white;
    }

    img.img6 {
        position: absolute;
        left: 2%;
        width: 47%;
        top: 5%;
    }



    img.img7 {
        position: absolute;
        right: 2%;
        width: 47%;
        top: 5%;
    }





    div.btpickers {
        position: absolute;
        left: 10%;
        width: 80%;
        height: 5%;
        border-radius: 50px;
        background: rgb(239, 239, 239, 0.80);
        bottom: 5%;
    }

    @keyframes bpck {
        50% {
            height: 100%;
        }

        100% {
            height: 100%;
        }
    }

    #b:hover {
        animation: bpck 0.05s forwards;
    }


    button.bt1 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 4%;
        background: blue;
        border-radius: 75px;
        border: none;
    }



    button.bt2 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 12%;
        background: gray;
        border-radius: 75px;
        border: none;
    }



    button.bt3 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 20%;
        background: gray;
        border-radius: 75px;
        border: none;
    }



    button.bt4 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 28%;
        background: gray;
        border-radius: 75px;
        border: none;
    }





    button.bt5 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 36%;
        background: gray;
        border-radius: 75px;
        border: none;
    }




    button.bt6 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 44%;
        background: gray;
        border-radius: 75px;
        border: none;
    }


    button.bt7 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 52%;
        background: gray;
        border-radius: 75px;
        border: none;
    }





    button.bt8 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 60%;
        background: gray;
        border-radius: 75px;
        border: none;
    }



    button.bt9 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 68%;
        background: gray;
        border-radius: 75px;
        border: none;
    }



    button.bt10 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 76%;
        background: gray;
        border-radius: 75px;
        border: none;
    }





    button.bt11 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 84%;
        background: gray;
        border-radius: 75px;
        border: none;
    }




    button.bt12 {
        position: absolute;
        height: 80%;
        top: 10%;
        width: 6%;
        left: 92%;
        background: gray;
        border-radius: 75px;
        border: none;
    }


















    footer {
        position: fixed;
        bottom: 2%;
        left: 45%;
        z-index: 100;
        background: rgb(15,15, 15, 0.90);
        border-radius: 70px;
        height: 10%;
        left: 20%;
        width: 60%;
    }

    @keyframes footo {


        100% {
            width: 80%;
            left: 10%;
            height: 15%;
            bottom: 5%;
        }
    }

    footer:hover {
        animation: footo 2s forwards;
    }


    a.link4 {
        position: absolute;
        top: 10%;
        left: 18%;
        height: 80%;
    }

    img.imglapp {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }

    @keyframes link4 {


        100% {
            height: 85%;
            top: -10%;
        }
    }

    #ea:hover {
        animation: link4 1s forwards;
    }

    a.link5 {
        position: absolute;
        left: 28%;
        top: 10%;
        height: 80%;
    }

    img.imgig {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 75px;
    }

    a.link6 {
        position: absolute;
        left: 38%;
        top: 10%;
        height: 80%;
    }

    img.imgyt {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }

    a.link7 {
        position: absolute;
        left: 48%;
        top: 10%;
        height: 80%;
    }

    img.imgspoti {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }

    a.link8 {
        position: absolute;
        left: 58%;
        top: 10%;
        height: 80%;
    }

    img.imgloo {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }

    a.link9 {
        position: absolute;
        left: 78%;
        top: 10%;
        height: 80%;
        z-index: -1;
    }

    img.imgeq {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 0px;
    }

    a.link10 {
        position: absolute;
        left: 68%;
        top: 10%;
        height: 80%;
        z-index: -1;
    }

    img.imgau {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }

    div.chz1 {
        position: absolute;
        left: 10%;
        width: 35%;
        top: 15%;
        height: 60%;
        background: white;
        border-radius: 30px;
    }

    div.chz2 {
        position: absolute;
        right: 10%;
        width: 35%;
        top: 15%;
        height: 60%;
        background: white;
        border-radius: 30px;
    }

    img.chzrsm {
        position: absolute;
        left: 10%;
        top: 20%;
        width: 80%;
    }

    a.hh {
        position: absolute;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        font-size: xx-large;
        top: 2%;
        text-align: center;
        color: rgb(0, 102, 255);
        text-decoration: auto;
    }

    div.feat {
        top: 15%;
        text-align: center;
        position: absolute;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }
}