* {
	 box-sizing: border-box;
  
}
 body, html {
	 margin: 0;
	 padding: 0;
	 height: 100%;
}
 body {
	 font-family: sans-serif;
	 background: linear-gradient(45deg, #3949ab, #1e88e5);
}
 body .container {
	 width: 50%;
   height:380px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 font-size: 0;
	 box-shadow: 0 0 100px rgba(0, 0, 0, 0.5);
	 border-radius: 3px;
	 overflow: hidden;
}
 body .container input {
	 display: none;
}
 body .container input:checked + label {
	 background: #eee;
}
 body .container input#tab1:checked ~ .line {
	 left: 0%;
}
 body .container input#tab1:checked ~ .content-container #c1 {
	 opacity: 1;
}
 body .container input#tab2:checked ~ .line {
	 left: 25%;
}
 body .container input#tab2:checked ~ .content-container #c2 {
	 opacity: 1;
}
 body .container input#tab3:checked ~ .line {
	 left: 50%;
}
 body .container input#tab3:checked ~ .content-container #c3 {
	 opacity: 1;
}
 body .container input#tab4:checked ~ .line {
	 left: 75%;
}
 body .container input#tab4:checked ~ .content-container #c4 {
	 opacity: 1;
}
 body .container label {
	 display: inline-block;
	 font-size: 13px;
	 height: 36px;
	 line-height: 36px;
	 width: 25%;
	 text-align: center;
	 background: #f4f4f4;
	 color: #555;
	 position: relative;
	 transition: 0.25s background ease;
	 cursor: pointer;
}
 body .container label::after {
	 content: "";
	 height: 2px;
	 width: 100%;
	 position: absolute;
	 display: block;
	 background: #ccc;
	 bottom: 0;
	 opacity: 0;
	 left: 0;
	 transition: 0.25s ease;
}
 body .container label:hover::after {
	 opacity: 1;
}
 body .container .line {
	 position: absolute;
	 height: 2px;
	 background: #1e88e5;
	 width: 25%;
	 top: 34px;
	 left: 0;
	 transition: 0.25s ease;
}
 body .container .content-container {
	 background: #eee;
	 position: relative;
	 height: 390px;
	 font-size: 16px;
}
 body .container .content-container .content {
	 position: absolute;
	 padding: 10px;
	 width: 100%;
	 top: 0;
	 opacity: 0;
	 transition: 0.25s ease;
	 color: #333;
}
 body .container .content-container .content h3 {
	 font-weight: 200;
	 margin: 10px 0;
}
 body .container .content-container .content p {
	 margin: 10px 0;
}
 body .container .content-container .content p, body .container .content-container .content i {
	 font-size: 13px;
}
 .chartychart {
  background-color: rgba(255, 255, 255, 0.3);
}
.currency-ascii {
  color: rgba(255, 255, 255, 0.15);
  font-size: 500%;
  text-align: center;
}
currency-ascii {
  color: rgba(255, 255, 255, 0.15);
  font-size: 500%;
  text-align: center;
}
.chart {
  width: 50%;
  height: 150px;
}
.sheetbut {
  color: white;
  background-color: black;
}
@media screen and (max-width: 600px) {
  .chart {
    width: 100%;
    height: 30%;
    background-color: rgba(255, 255, 255, 0.5);
  }
}
.address {
  color: rgba(255, 255, 255, 0.5);
}
body {
  font-size: 80%;
  font-weight: bold;
  font-family: "Lucida Console", "Courier New", monospace;
  background-color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%232A2A2A' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%232F2F2F'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
}
div.darkTable {
  font-family: "Courier New", Courier, monospace;
  background-color: rgba(255, 255, 255, 0.5);
  width:50%;
  height: 200px;
  text-align: right;
  border-collapse: collapse;
}
.divTable.darkTable .divTableCell,
.divTable.darkTable .divTableHead {
  border: 1px solid #4a4a4a;
  padding: 3px 2px;
}
.divTable.darkTable .divTableBody .divTableCell {
  font-size: 12px;
}
.divTable.darkTable .divTableHeading {
  background: #000000;
}
.divTable.darkTable .divTableHeading .divTableHead {
  font-size: 15px;
  font-weight: bold;
  color: #e6e6e6;
  text-align: center;
  border-left: 2px solid #4a4a4a;
}
.divTable.darkTable .divTableHeading .divTableHead:first-child {
  border-left: none;
}

.darkTable .tableFootStyle {
  font-size: 12px;
}
/* DivTable.com */
.divTable {
  display: table;
}
.divTableRow {
  display: table-row;
}
.divTableRow:hover {
  background-color: rgba(0, 0, 0, 1);
  color: white;
}
.divTableCell:hover {
  color: white;
  background-color: red;
}
.divTableHeading {
  display: table-header-group;
}
.divTableCell,
.divTableHead {
  display: table-cell;
}
.divTableHeading {
  display: table-header-group;
}
.divTableFoot {
  display: table-footer-group;
}
.divTableBody {
  display: table-row-group;
}


.butttton {
  display: inline-block;
    font-size: 12px;
    width: 43%;
  height: 100%;
  position: absolute;
  height: 30px;
  line-height: 30px;
  padding-right: 30px;
  padding-left: 40px;
  position: relative;
  background-color:rgb(41,127,184);
  color:rgb(255,255,255);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1px;
  
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow:0px 1px 0px rgba(0,0,0,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
  box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}

.butttton span {
  position: absolute;
  left: 0;
  width: 50px;
  background-color:rgba(0,0,0,0.5);
  
  -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-right: 1px solid  rgba(0,0,0,0.15);
}

.butttton:hover span {
  background-color:rgb(255,0,0);
  border-right: 1px solid  rgba(0,0,0,1);
}

.butttton.orange {
  background: rgba(0, 0, 0, 1);
}

.butttton.purple {
  background: rgba(0, 0, 0, 1);
}

.butttton.turquoise {
  background: rgba(0, 0, 0, 1);
}

.butttton.red {
  background: rgba(0, 0, 0, 1);
}
.chartychart {
  width: 100%;
  height: 100%;
  position: absolute;
  top: ;
  left: 0;
}
.container {
  z-index: 10;
}
label {color:black}