body {
  background-color: #363535;
}

.text60black {
  font-size: 100%; /* Adjust the font size as needed */
  color: #000000;
  font-weight: bold
}

.text15black {
font-size: 15px; /* Adjust the font size as needed */
color: #000000;
font-weight: bold
}

.text20black {
font-size: 20px; /* Adjust the font size as needed */
color: #000000;
font-weight: bold
}

.text26black {
font-size: 26px; /* Adjust the font size as needed */
color: #000000;
font-weight: bold
}

.text15white {
position:relative;
top: -13px;
font-size: 26px;
color: #ffffff;
font-weight: bold;

}

#Balance {
font-size: 60px; /* Taille de la police de 60px */
}

.balance-positif {
position: absolute;
top: 10px; /* Ajustez la position verticale selon vos besoins */
left: 10px; /* Ajustez la position horizontale selon vos besoins */
background-color: #898989; /* Fond semi-transparent pour le div */
padding: 60px; /* Espace intérieur du div */
border: 20px solid #37BA0B; /* Bordure rectangulaire de 2px en couleur blanche */
border-radius: 15px; /* Rayon des coins arrondis, ajustez selon vos préférences */
color: #3FFF00;
text-align: center;
font-weight: bold
}

.balance-negatif {
position: absolute;
top: 10px; /* Ajustez la position verticale selon vos besoins */
left: 10px; /* Ajustez la position horizontale selon vos besoins */
background-color: #888A88; /* Fond semi-transparent pour le div */
padding: 60px; /* Espace intérieur du div */
border: 20px solid #E00000; /* Bordure rectangulaire de 2px en couleur blanche */
border-radius: 15px; /* Rayon des coins arrondis, ajustez selon vos préférences */
color: red;
text-align: center;
font-weight: bold
}

#PourcentBalance {
font-size: 15px; /* Taille de la police de 15px */
}

.pourcentbalance-positif {
position: fixed;
top: 230px; /* Ajustez la position verticale selon vos besoins */
left: 185px; /* Ajustez la position horizontale selon vos besoins */
color: #3FFF00;
text-align: center;
font-weight: bold
}

.pourcentbalance-negatif {
position: fixed;
top: 230px; /* Ajustez la position verticale selon vos besoins */
left: 185px; /* Ajustez la position horizontale selon vos besoins */
color: red;
text-align: center;
font-weight: bold
}

#Global {
position: absolute;
font-size: 10px; /* Taille de la police de 15px */
background-color: #707070; /* Fond semi-transparent pour le div */
top: 370px; /* Ajustez la position verticale selon vos besoins */
left: 20px; /* Ajustez la position horizontale selon vos besoins */
border: 5px solid #000000; /* Bordure rectangulaire de 2px en couleur blanche */
border-radius: 15px; /* Rayon des coins arrondis, ajustez selon vos préférences */
}

#GlobalActuel {
position: absolute;
font-size: 10px; /* Taille de la police de 15px */
background-color: #707070; /* Fond semi-transparent pour le div */
top: 370px; /* Ajustez la position verticale selon vos besoins */
left: 245px; /* Ajustez la position horizontale selon vos besoins */
border: 5px solid #000000; /* Bordure rectangulaire de 2px en couleur blanche */
border-radius: 15px; /* Rayon des coins arrondis, ajustez selon vos préférences */
padding: 13px;
text-align: left
}

.Gobal-cadre {
position:absolute;
top: 340px;
border: 2px solid #000; /* Bordure de 2 pixels de couleur noire */
padding: 10px; /* Espacement interne pour le contenu à l'intérieur du cadre extérieur */
}

.rectangle-Global {
position: absolute;
width: 450px; /* Largeur du rectangle */
height: 150px; /* Hauteur du rectangle */
top: 335px;
border: 4px solid #7F7F7F; /* Bordure de 2 pixels de couleur noire */
border-radius: 10px; /* Rayon de 10 pixels pour arrondir les coins */
}

.vertical-bar-mid {
width: 2px;
height: 1200px;
top:15px;
background-color: #D6D6D6;
position: absolute;
left: 470px; /* Position the bar 500 pixels from the left side */
}

.image-btc {
position: absolute;
top: 80px;
left: 500px;
width: 50px; /* Largeur de l'image */
height: 50px; /* Hauteur de l'image */
}

.image-eth {
position: absolute;
top: 210px;
left: 500px;
width: 50px; /* Largeur de l'image */
height: 50px; /* Hauteur de l'image */
}

.image-shib {
position: absolute;
top: 340px;
left: 500px;
width: 50px; /* Largeur de l'image */
height: 50px; /* Hauteur de l'image */
}

.image-doge {
position: absolute;
top: 470px;
left: 500px;
width: 50px; /* Largeur de l'image */
height: 50px; /* Hauteur de l'image */
}

.image-bnb {
position: absolute;
top: 600px;
left: 500px;
width: 50px; /* Largeur de l'image */
height: 50px; /* Hauteur de l'image */
}

.image-alice {
position: absolute;
top: 730px;
left: 500px;
width: 50px; /* Largeur de l'image */
height: 50px; /* Hauteur de l'image */
}

.image-sol {
position: absolute;
top: 860px;
left: 500px;
width: 50px; /* Largeur de l'image */
height: 50px; /* Hauteur de l'image */
}

.image-ada {
position: absolute;
top: 990px;
left: 500px;
width: 50px; /* Largeur de l'image */
height: 50px; /* Hauteur de l'image */
}

.image-theta {
position: absolute;
top: 1120px;
left: 500px;
width: 50px; /* Largeur de l'image */
height: 50px; /* Hauteur de l'image */
}

.btc-value {
position: absolute;
top: 75px; /* Ajustez la position verticale selon vos besoins */
left: 570px; /* Ajustez la position horizontale selon vos besoins */
color: #E1DA09;
text-align: center;
font-weight: bold;
font-size: 20px
}

.eth-value {
position: absolute;
top: 205px; /* Ajustez la position verticale selon vos besoins */
left: 570px; /* Ajustez la position horizontale selon vos besoins */
color: #E1DA09;
text-align: center;
font-weight: bold;
font-size: 20px
}

.shib-value {
position: absolute;
top: 335px; /* Ajustez la position verticale selon vos besoins */
left: 570px; /* Ajustez la position horizontale selon vos besoins */
color: #E1DA09;
text-align: center;
font-weight: bold;
font-size: 20px
}

.doge-value {
position: absolute;
top: 465px; /* Ajustez la position verticale selon vos besoins */
left: 570px; /* Ajustez la position horizontale selon vos besoins */
color: #E1DA09;
text-align: center;
font-weight: bold;
font-size: 20px
}

.bnb-value {
position: absolute;
top: 595px; /* Ajustez la position verticale selon vos besoins */
left: 570px; /* Ajustez la position horizontale selon vos besoins */
color: #E1DA09;
text-align: center;
font-weight: bold;
font-size: 20px
}

.alice-value {
position: absolute;
top: 725px; /* Ajustez la position verticale selon vos besoins */
left: 570px; /* Ajustez la position horizontale selon vos besoins */
color: #E1DA09;
text-align: center;
font-weight: bold;
font-size: 20px
}

.sol-value {
position: absolute;
top: 855px; /* Ajustez la position verticale selon vos besoins */
left: 570px; /* Ajustez la position horizontale selon vos besoins */
color: #E1DA09;
text-align: center;
font-weight: bold;
font-size: 20px
}

.ada-value {
position: absolute;
top: 985px; /* Ajustez la position verticale selon vos besoins */
left: 570px; /* Ajustez la position horizontale selon vos besoins */
color: #E1DA09;
text-align: center;
font-weight: bold;
font-size: 20px
}

.theta-value {
position: absolute;
top: 1115px; /* Ajustez la position verticale selon vos besoins */
left: 570px; /* Ajustez la position horizontale selon vos besoins */
color: #E1DA09;
text-align: center;
font-weight: bold;
font-size: 20px
}

.image-up-btc {
position: absolute;
top: 100px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.image-down-btc {
position: absolute;
top: 120px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.BTC24plus-value {
position: absolute;
top: 100px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #ADF862;
text-align: center;
font-weight: bold;
font-size: 11px
}

.BTC24moins-value {
position: absolute;
top: 120px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #F86262;
text-align: center;
font-weight: bold;
font-size: 11px
}

.image-up-eth{
position: absolute;
top: 230px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.image-down-eth {
position: absolute;
top: 250px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.ETH24plus-value {
position: absolute;
top: 230px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #ADF862;
text-align: center;
font-weight: bold;
font-size: 11px
}

.ETH24moins-value {
position: absolute;
top: 250px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #F86262;
text-align: center;
font-weight: bold;
font-size: 11px
}

.image-up-shib{
position: absolute;
top: 360px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.image-down-shib {
position: absolute;
top: 380px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.SHIB24plus-value {
position: absolute;
top: 360px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #ADF862;
text-align: center;
font-weight: bold;
font-size: 11px
}

.SHIB24moins-value {
position: absolute;
top: 380px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #F86262;
text-align: center;
font-weight: bold;
font-size: 11px
}

.image-up-doge{
position: absolute;
top: 490px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.image-down-doge {
position: absolute;
top: 510px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.DOGE24plus-value {
position: absolute;
top: 490px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #ADF862;
text-align: center;
font-weight: bold;
font-size: 11px
}

.DOGE24moins-value {
position: absolute;
top: 510px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #F86262;
text-align: center;
font-weight: bold;
font-size: 11px
}

.image-up-bnb{
position: absolute;
top: 620px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.image-down-bnb {
position: absolute;
top: 640px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.BNB24plus-value {
position: absolute;
top: 620px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #ADF862;
text-align: center;
font-weight: bold;
font-size: 11px
}

.BNB24moins-value {
position: absolute;
top: 640px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #F86262;
text-align: center;
font-weight: bold;
font-size: 11px
}

.image-up-alice{
position: absolute;
top: 750px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.image-down-alice {
position: absolute;
top: 770px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.ALICE24plus-value {
position: absolute;
top: 750px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #ADF862;
text-align: center;
font-weight: bold;
font-size: 11px
}

.ALICE24moins-value {
position: absolute;
top: 770px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #F86262;
text-align: center;
font-weight: bold;
font-size: 11px
}

.image-up-sol{
position: absolute;
top: 880px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.image-down-sol {
position: absolute;
top: 900px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.SOL24plus-value {
position: absolute;
top: 880px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #ADF862;
text-align: center;
font-weight: bold;
font-size: 11px
}

.SOL24moins-value {
position: absolute;
top: 900px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #F86262;
text-align: center;
font-weight: bold;
font-size: 11px
}

.image-up-ada{
position: absolute;
top: 1010px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.image-down-ada {
position: absolute;
top: 1030px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.ADA24plus-value {
position: absolute;
top: 1010px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #ADF862;
text-align: center;
font-weight: bold;
font-size: 11px
}

.ADA24moins-value {
position: absolute;
top: 1030px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #F86262;
text-align: center;
font-weight: bold;
font-size: 11px
}

.image-up-theta{
position: absolute;
top: 1140px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.image-down-theta {
position: absolute;
top: 1160px;
left: 565px;
width: 10px; /* Largeur de l'image */
height: 10px; /* Hauteur de l'image */
}

.THETA24plus-value {
position: absolute;
top: 1140px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #ADF862;
text-align: center;
font-weight: bold;
font-size: 11px
}

.THETA24moins-value {
position: absolute;
top: 1160px; /* Ajustez la position verticale selon vos besoins */
left: 580px; /* Ajustez la position horizontale selon vos besoins */
color: #F86262;
text-align: center;
font-weight: bold;
font-size: 11px
}

.Invest {
  position: absolute;
  top: 8px;
  left: 670px;
  width: 50px; /* Largeur de l'image */
  height: 50px; /* Hauteur de l'image */
  }

.CurrentValue {
  position:absolute;
  top: 8px;
  left: 770px;
  width: 50px; /* Largeur de l'image */
  height: 50px; /* Hauteur de l'image */
}

.BenefPertes {
  position:absolute;
  top: 8px;
  left: 870px;
  width: 60px; /* Largeur de l'image */
  height: 40px; /* Hauteur de l'image */
}

#InvBTC {
  position:absolute;
  font-family: Times, Times New Roman, serif;
  top: 80px;
  left: 670px;
  font-size: 10px;
  color: #3FBFBF;
}

#InvETH {
  position:absolute;
  font-family: Times, Times New Roman, serif;
  top: 210px;
  left: 670px;
  font-size: 10px;
  color: #3FBFBF;
}

#InvSHIB {
  position:absolute;
  font-family: Times, Times New Roman, serif;
  top: 340px;
  left: 670px;
  font-size: 10px;
  color: #3FBFBF;
}

#InvDOGE {
  position:absolute;
  font-family: Times, Times New Roman, serif;
  top: 470px;
  left: 670px;
  font-size: 10px;
  color: #3FBFBF;
}

#InvBNB {
  position:absolute;
  font-family: Times, Times New Roman, serif;
  top: 600px;
  left: 670px;
  font-size: 10px;
  color: #3FBFBF;
}

#InvALICE {
  position:absolute;
  font-family: Times, Times New Roman, serif;
  top: 730px;
  left: 670px;
  font-size: 10px;
  color: #3FBFBF;
}

#InvSOL {
  position:absolute;
  font-family: Times, Times New Roman, serif;
  top: 860px;
  left: 670px;
  font-size: 10px;
  color: #3FBFBF;
}

#InvADA {
  position:absolute;
  font-family: Times, Times New Roman, serif;
  top: 990px;
  left: 670px;
  font-size: 10px;
  color: #3FBFBF;
}

#InvTHETA {
  position:absolute;
  font-family: Times, Times New Roman, serif;
  top: 1120px;
  left: 670px;
  font-size: 10px;
  color: #3FBFBF;
}

.BTCnowvalue {
  position:absolute;
  top: 91px;
  left: 765px;
  font-size: 25px;
  color: #C993FF;
  font-weight: bold;
}

.ETHnowvalue {
  position:absolute;
  top: 221px;
  left: 765px;
  font-size: 25px;
  color: #C993FF;
  font-weight: bold;
}

.SHIBnowvalue {
  position:absolute;
  top: 351px;
  left: 765px;
  font-size: 25px;
  color: #C993FF;
  font-weight: bold;
}

.DOGEnowvalue {
  position:absolute;
  top: 481px;
  left: 765px;
  font-size: 25px;
  color: #C993FF;
  font-weight: bold;
}

.BNBnowvalue {
  position:absolute;
  top: 611px;
  left: 765px;
  font-size: 25px;
  color: #C993FF;
  font-weight: bold;
}

.ALICEnowvalue {
  position:absolute;
  top: 741px;
  left: 765px;
  font-size: 25px;
  color: #C993FF;
  font-weight: bold;
}

.SOLnowvalue {
  position:absolute;
  top: 871px;
  left: 765px;
  font-size: 25px;
  color: #C993FF;
  font-weight: bold;
}

.ADAnowvalue {
  position:absolute;
  top: 1001px;
  left: 765px;
  font-size: 25px;
  color: #C993FF;
  font-weight: bold;
}

.THETAnowvalue {
  position:absolute;
  top: 1131px;
  left: 765px;
  font-size: 25px;
  color: #C993FF;
  font-weight: bold;
}