* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  body {
    font-size: 14px;
  }
 
  .v3_8 {
    width: 100%;
    height: 100vh;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
    background-image: linear-gradient(
  45deg,
  hsl(240deg 100% 20%) 0%,
  hsl(289deg 100% 21%) 11%,
  hsl(315deg 100% 27%) 22%,
  hsl(329deg 100% 36%) 33%,
  hsl(337deg 100% 43%) 44%,
  hsl(357deg 91% 59%) 56%,
  hsl(17deg 100% 59%) 67%,
  hsl(34deg 100% 53%) 78%,
  hsl(45deg 100% 50%) 89%,
  hsl(55deg 100% 50%) 100%

);
  }
  .v1_3 {
    width: 702px;
    height: 893px;
    background: url("image 1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 30%;
    opacity: 1;
    position: absolute;
    top: 66px;
    left: 383px;
    overflow: hidden;
    -webkit-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
    -moz-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
    box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
  }
  .v3_9 {
    width: 278px;
    height: 113px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: absolute;
    top: 74px;
    left: 576px;
    overflow: hidden;
  }
  .v3_27 {
    width: 278px;
    height: 113px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: absolute;
    top: 822px;
    left: 594px;
    overflow: hidden;
  }
  .v3_10 {
    width: 40px;
    height: 40px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    color: black;
    top: 498px;
    left: 798px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
  }
  .v3_22 {
    width: 26px;
    height: 26px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 489px;
    left: 708px;
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    overflow: hidden;
  }
  .v3_23 {
    width: 26px;
    height: 26px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 521px;
    left: 707px;
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    overflow: hidden;
  }
  .v3_24 {
    width: 26px;
    height: 26px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 550px;
    left: 707px;
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    overflow: hidden;
  }
  .v3_25 {
    width: 26px;
    height: 26px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 580px;
    left: 708px;
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    overflow: hidden;
  }
  .v3_26 {
    width: 26px;
    height: 26px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 610px;
    left: 708px;
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    overflow: hidden;
  }
  .v3_11 {
    width: 40px;
    height: 40px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 569px;
    left: 787px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
  }
  .v3_12 {
    width: 40px;
    height: 40px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 640px;
    left: 771px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
  }
  .v3_13 {
    width: 40px;
    height: 40px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 680px;
    left: 700px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
  }
  .v3_14 {
    width: 40px;
    height: 40px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 738px;
    left: 771px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
  }
  .v3_15 {
    width: 40px;
    height: 40px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 738px;
    left: 630px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
  }
  .v3_16 {
    width: 40px;
    height: 40px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 640px;
    left: 630px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
  }
  .v3_17 {
    width: 40px;
    height: 40px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 569px;
    left: 613px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
  }
  .v3_18 {
    width: 40px;
    height: 40px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 498px;
    left: 602px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
  }
  .v3_19 {
    width: 75px;
    height: 34px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 741px;
    left: 682px;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    overflow: hidden;
  }
  .v3_20 {
    width: 71px;
    height: 31px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 446px;
    left: 783px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    overflow: hidden;
  }
  .v3_21 {
    width: 71px;
    height: 31px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 446px;
    left: 586px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    overflow: hidden;
  }
  .v3_28 {
    width: 35px;
    height: 36px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 390px;
    left: 603px;
    overflow: hidden;
  }
  .v3_29 {
    width: 38px;
    height: 36px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 390px;
    left: 780px;
    overflow: hidden;
  }
  .v3_30 {
    width: 38px;
    height: 36px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 390px;
    left: 824px;
    overflow: hidden;
  }
  .v3_31 {
    width: 146px;
    height: 138px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: absolute;
    top: 212px;
    left: 641px;
    overflow: hidden;
  }

  .v5_39 {
    color: #000000;
    text-align: center;
    font-size: 30px;
    opacity: 1;
    position: relative;
    right: 40px;
  }

  .cards_number {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
    -moz-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
    box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
   
    
  }

  .cards_number button {
    font-size: 20px;
    padding: 20px;
    background: blue;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
  }

  .cards_x {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
    -moz-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
    box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
  
  }

  .cards_x button {
    font-size: 20px;
    padding: 20px;
    background: rgb(254, 140, 0);
    color: white;
    text-transform: uppercase;
    cursor: pointer;
  }

  .cards_fun {
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    -webkit-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
-moz-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);

  }

  .cards_fun button {
    font-size: 18px;
    width: 80px;
    font-weight: bold;
    height: 35px;
    text-transform: uppercase;
    cursor: pointer;
   
    color: white;
    
  }

  .cards_pass {
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    -webkit-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
    -moz-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
    box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
  
  }

  .cards_pass button {
    font-size: 18px;
    width: 80px;
    height: 35px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
  }

  .cards_icon {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
-moz-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);

    
  }

  .cards_icon button {
    font-size: 10px;
    padding: 20px;
    text-transform: uppercase;
    background: rgb(0, 255, 13);
    color: white;
    cursor: pointer;
  }

  .cards_out {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0);
  }

  .cards_out h3 {
    font-size: 20px;
    padding: 20px;
    text-transform: uppercase;
    color: black;
    text-transform: uppercase;
  }

  .v3_91 {
    width: 91px;
    height: 38px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: absolute;
    top: 145px;
    left: 576px;
    overflow: hidden;
  }

  .v9_23 {
    width: 91px;
  height: 38px;
  background: rgba(255,255,255,1);
  opacity: 1;
  position: absolute;
  top: 145px;
  left: 745px;
  overflow: hidden;
  }
  @media screen and (max-width: 480px) {
    .v3_8 {
      width: 100%;
      height: 100vh;
    }
  }

  .scaleDown {
    transform: scale(.7);
    
  }

  

  .output_cards th {
    padding-left: 15px;
    
    margin-top: 10px;
    font-size: 15px;
    color: blue;
    text-transform: uppercase;
    font-weight: bolder;
  }

  .v12_6 {
    width: 57px;
    height: 57px;
    background: rgb(255, 0, 0);
    opacity: 1;
    position: absolute;
    top: 381px;
    left: 691px;
    border-top-left-radius: 42px;
    font-weight: bold;
    border-top-right-radius: 42px;
    border-bottom-left-radius: 42px;
    border-bottom-right-radius: 42px;
    overflow: hidden;
    -webkit-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
-moz-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  .v12_6 h3 {
    color: white;
    
  }

  .output_cards td {
    padding-left: 10px;
    
    margin-top: 10px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bolder;
  }

  .v10 {
    width: 30px;
    height: 30px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 393px;
    left: 568px;
    border-radius: 50%;


  }

  .v10 {
    width: 40px;
    height: 40px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 300px;
    left: 588px;
    border-radius: 50%;

  }

  .v11 {
    width: 40px;
    height: 40px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 308px;
    left: 805px;
    border-radius: 50%;
  }

  .v12 {
    width: 40px;
    height: 40px;
    opacity: 1;
    position: absolute;
    top: 357px;
    left: 646px;
    border-radius: 50%;
  }

  .v13 {
    width: 30px;
    height: 30px;
    background: rgba(217,217,217,1);
    opacity: 1;
    position: absolute;
    top: 353px;
    left: 734px;
    border-radius: 50%;
  }

  .btn_trigger {
    background: purple;
    color: white;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    
    -webkit-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
-moz-box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
box-shadow: 10px 10px 5px 3px rgba(0,0,0,0.44);
  }

 
  .row_table {
    padding: 10px;
  }

  @media only screen 
  and (min-device-width: 220px) 
  and (max-device-width: 440px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

    .v1_3 {
      -webkit-box-shadow: 0px rgb(255,255,255);
-moz-box-shadow:  0px rgb(255,255,255);
box-shadow:  0px rgb(255,255,255);
    }
    .v3_8 {
      background-image: linear-gradient(#fff,#fff);
    }
    

    .v5_39 {

      display: none;
      }
      .scaleDown {
        height: 100vh;
    transform: scale(0.6);
    position: relative;
    right: 365px;
    bottom: 120px;
}
}



  @media only screen 
  and (min-device-width: 270px) 
  and (max-device-width: 320px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

    .v1_3 {
      -webkit-box-shadow: 0px rgb(255,255,255);
-moz-box-shadow:  0px rgb(255,255,255);
box-shadow:  0px rgb(255,255,255);
    }
    .v3_8 {
      background-image: linear-gradient(#fff,#fff);
    }
    

    .v5_39 {

      display: none;
      }
      .scaleDown {
        height: 100vh;
    transform: scale(0.8);
    position: relative;
    right: 466px;
    bottom: 120px;
}
}

  @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .v1_3 {
      -webkit-box-shadow: 0px rgb(255,255,255);
-moz-box-shadow:  0px rgb(255,255,255);
box-shadow:  0px rgb(255,255,255);
    }
    .v3_8 {
      background-image: linear-gradient(#fff,#fff);
    }
    
    

    .v5_39 {

      display: none;
      }
      .scaleDown {
        height: 100vh;
        transform: scale(0.9);
        position: relative;
        right: 504px;
        bottom: 80px;
      }
}

@media only screen 
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .v1_3 {
      -webkit-box-shadow: 0px rgb(255,255,255);
-moz-box-shadow:  0px rgb(255,255,255);
box-shadow:  0px rgb(255,255,255);
    }
    .v3_8 {
      background-image: linear-gradient(#fff,#fff);
    }
    
    

    .v5_39 {

      display: none;
      }
      .scaleDown {
        height: 100vh;
        transform: scale(.9);
        position: relative;
        right: 480px;
        bottom: 84px;
    
      }
}

@media only screen 
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {

    .v1_3 {
      -webkit-box-shadow: 0px rgb(255,255,255);
-moz-box-shadow:  0px rgb(255,255,255);
box-shadow:  0px rgb(255,255,255);
    }

    .v3_8 {
      background-image: linear-gradient(#fff,#fff);
    }
    
    

    .v5_39 {

      display: none;
      }
      .scaleDown {
        height: 100vh;
        transform: scale(.9);
        position: relative;
        right: 465px;
      bottom: 90px;
      }
}

@media only screen 
  and (min-device-width: 360px)
  and (max-device-width: 740px)
  and (-webkit-min-device-pixel-ratio: 3) {

    .v1_3 {
      -webkit-box-shadow: 0px rgb(255,255,255);
-moz-box-shadow:  0px rgb(255,255,255);
box-shadow:  0px rgb(255,255,255);
    }

    .v1_3 {
      background-image: linear-gradient(#fff,#fff);
    }
    
   

    .v5_39 {

      display: none;
      }
      .scaleDown {
        height: 100vh;
        transform: scale(0.9);
        position: relative;
        right: 487px;
        bottom: 80px;
      }
}