body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
}

#particles-js {
  position: absolute;
  height: 100%;
  width: 100%;
}

.img {
  display: inline-block;
  height: 100px;
  z-index: 100;
}
.img_ui{
    text-align: center;
}
.title_ui{
    width: 100%;
    position:absolute;
    top:15vh;
    font-size: 40px;
    color: rgb(100,100,200);
    text-align: center;
    letter-spacing:20px;
}
.form_ui{
    width: 100%;
    height: 100%;
    position:absolute;
    top:25vh;
    display: flex;
    justify-content: center;
    z-index: 101;
    
}
.input_ui{
    height: 40px;
    border:1px solid #000000;
    border-radius: 15px;
    color:#000000;
    padding: 10px;
    text-align: center;
    background-color: rgb(255,255,255,0.5);
}
.button_ui{
    border:1px solid #000000;
    border-radius: 15px;
    color:#000000;
    height: 40px;
    padding: 10px;
    background-color: rgb(255,255,255,0.5);
}
.list_ui li{
    background-color: rgb(255,255,255,0.5);
}
.btn_show_ui{
    border:0px;
    color:#ffffff;
    height: 30px;
    font-size: 18px;
    height: 40px;
    border-radius: 5px;
    background-color: rgb(0,0,0,0.4);    
}
.show_input_ui{
    height: 40px;
    border:0px;
    color:#000000;
    padding: 10px;
    text-align: center;
    background-color: rgb(255,255,255,0.5);
}
.btn_show_copy{
    border:0px;
    color:#ffffff;
    height: 30px;
    font-size: 18px;
    height: 40px;
    border-radius: 5px;    
    background-color: rgb(165,80,220,0.5);      
}