html {
    height: 100%;
    /*
    backgrounkd-color: rgb(255, 255, 255);
    background-image: linear-gradient(to bottom right,rgb(139, 139, 255),white);
    */
    background: rgb(39,54,123);
    background: radial-gradient(
      circle at -7% 5%,
      rgba(248,68,116,1),
      rgba(255, 0, 0, 0) 20%
    ),
    radial-gradient(
        circle at 120% 80%,
        rgba(0,161,133,1),
        rgba(0, 255, 0, 0) 40%
      ) rgba(39,54,123,1);


    /*background-repeat: no-repeat;*/
}

body {
  color: #ffffff;
}


table {
    border: thin solid rgb(255, 255, 255);
    border-collapse: separate;
    border-spacing: 0.2em;
    margin-left:auto; 
    margin-right:auto;
  }
    
th, td {
    padding: .2em .5em;
    border: thin solid rgb(255, 255, 255);
    border-radius: .1em;  
    padding-top: 5px;
    padding-bottom: 5px;
  }  
  
thead th {
    background-color: #0054F5;
    color: #ffffff;
  }
  
tbody td {
    font-style: normal;
    text-align: left;
    padding-right: 10px;
    padding-left: 5px;
    color: #ffffff;
  }   
  
td:empty{
    box-shadow: none;
  }

tr:hover {background-color: #715DEE;}