a {cursor: pointer;}
span  {cursor: default;}
input  {cursor: copy;}
#ln {width: 35px;}
#r {width: 80%;}
#rbtn,#btnclrt,#SaveConfig {background-color: #9eff9e;}
#shcl,#shcn {background-color: #8f008f;}
#shst,#btnclpl {background-color: #9e9eff;}
#tcntr {font-size: 10px;padding: 0;width: 50px;font-weight: bold}
#tcall {font-size: 10px;width: 233px;}
#sname {width: 50px;}
#fname {font-weight: bold;font-size: 20px;padding: 0 20px;}
#newwallet,#btnclng {background-color: #ff9e9e;}
#time {width: 40px;}
#lname {font-weight: bold;font-size: 20px;padding: 0 20px;}
#d {width: 80%;text-align: center;}
#b,#eb {width: 75%;}
#v,#ev {width: 55px;}
#arc {width: 80%; height: 380px;}
#blncd {width: 80%; height: 60px;}
#des1 {width: 90%;text-align: center;}
#des2 {width: 90%;text-align: center;}
#des3 {width: 90%;font-weight: bold;text-align: center;}

#lightdark {bottom:10px;}
#showconfig {bottom:60px;}
.contrast {
    position:fixed;right:10px;;width:auto;margin-bottom:0;padding:.75rem .55rem;border-radius:2rem;box-shadow:var(--card-box-shadow);line-height:1;text-align:right
}

.sep {
     padding: 0 10px;font-weight: bold
}

#calcudes, #config {
    position: absolute;
    left: 5%;
    top: 30%;
    width: 80%;
    background-color: #fffff0;
    color: #00000f;

    border-radius: 10px;
    border: 2px solid #000000;
    padding: 10px 5%;
    display: none;

}

button {
  transition-duration: 0.3s;
  box-shadow: inset -1px -2px 4px 0px rgb(0 0 0 / 20%), inset 1px 2px 4px 0px rgb(255 255 255 / 30%);
  border-width: 1px;

}
button:hover {
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12), 0 7px 10px 0 rgba(0,0,0,0.09);
    transition-duration: 0.1s;
}
button:active {
    box-shadow: inset 1px 2px 4px 0px rgb(0 0 0 / 20%), inset -1px -2px 4px 0px rgb(255 255 255 / 30%);
    box-shadow:-1px -1px 4px 1px rgba(0,0,0,0.3), 1px 1px 4px 1px rgba(255,255,255,0.3);

}
.CloseX {
    position: absolute;
    right: 5px;
    top: 5px;
    background: rgba(250, 20, 20, 0.7);
    border-width: 1px;
    border-radius: 3px;
    color: #fff;
}
[data-theme=dark] {
  color-scheme: dark;
  --background-color: #11191f;
  --color: #bbc6ce;
  --h1-color: #edf0f3;
  --h2-color: #e1e6eb;
  --h3-color: #d5dce2;
  --h4-color: #c8d1d8;
  --h5-color: #bbc6ce;
  --h6-color: #afbbc4;


}
[data-theme=dark] body {
    background-image:url("../../bg.jpg");

    background-size: cover;
    resize: both;

  }
[data-theme=dark] *  {
      opacity: 0.97;
  }

[data-theme=dark] span, [data-theme=dark] a {
     color: #faf;
}
a {
    text-decoration: none;
}

[data-theme=light],
:root:not([data-theme=dark]) {
  color-scheme: light;
  --background-color: #fff;
  --color: #415462;
  --h1-color: #1b2832;
  --h2-color: #24333e;
  --h3-color: #2c3d49;
  --h4-color: #374956;
  --h5-color: #415462;
  --h6-color: #4d606d;
}
[data-theme=light] span,
:root:not([data-theme=dark]) span,
[data-theme=light] a,
:root:not([data-theme=dark]) a {
        color: #5b005b;
}