.gg thead td {
  padding-bottom: 3pt;
}

.gg thead td {
  font-size: 1.2em ;

}

.gg tbody tr:last-of-type td{
  font-weight: bold;
}

.gg table {
  font-size: 0.6em;
  border-spacing: 10px 0;
  width: 90%;
  margin: 0 2% 5% 8%;
  text-align: center;
}
.gg td {
  width: 20%;
}
.gg td svg {
  vertical-align: super;
}




.labels {
  fill: none;
  stroke: #0003;
  stroke-width: 0.3;
}
.labels text {
  stroke:none;
  fill:grey;
  font-size: 0.5em;
}


.ss-curve, .gg tr {
  fill: none;
  stroke-width: 0.5;
  --theme2: calc(var(--theme) + 25);
  stroke-linecap: round;
}
.ss-curve:nth-of-type(1), tbody tr:nth-of-type(1) {
  --theme: 10;
}
.ss-curve:nth-of-type(2), tbody tr:nth-of-type(2) {
  --theme: 100;
}
.ss-curve:nth-of-type(3), tbody tr:nth-of-type(3) {
  --theme: 215;
}






g.elastic g{
  stroke: hsla(var(--theme), 100%, 50%);
  opacity: 0.8;
}

g.plastic g, .gg tbody tr td:nth-of-type(1){
  stroke: hsla(var(--theme2), 90%, 40%);
  opacity: 0.8;
}

.point g{
  stroke-width: 1.3;
}
.yield g {
  stroke: hsla(var(--theme2), 100%, 40%, 0.9);
}
g.yield-line g {
  stroke: hsla(var(--theme2), 100%, 40%, 0.3);
  stroke-dasharray: 2 1;
}
g.yield-y g, .gg tbody tr td:nth-of-type(3){
  stroke: hsla(var(--theme2), 100%, 40%, 0.5);
  stroke-dasharray: 2 1;
}
g.ts-y g, .gg tbody tr td:nth-of-type(4){
  stroke: hsla(var(--theme2), 100%, 40%, 0.6);
  stroke-dasharray: 5 1 2 1;
}
.ts g {
  stroke: hsla(var(--theme2), 100%, 40%, 0.6);
}

g.youngs-mod g, .gg tbody tr td:nth-of-type(2){
  stroke: hsla(var(--theme), 70%, 60%, 0.7);
}

g.plastic-fail g{
  stroke: hsla(var(--theme2), 100%, 35%, 0.2);
  stroke-dasharray: 3 1 2 1 1 1;
}
g.elastic-fail g, .gg tbody tr td:nth-of-type(5){
  stroke: hsla(var(--theme2), 100%, 35%, 0.5);
  stroke-dasharray: 3 5;
}
/* g.ss-curve path:nth-of-type(6) {
  --theme2: calc(var(--theme) + 20);
  stroke: hsla(var(--theme2), 100%, 44%, 0.4);
  stroke-width: 2;
  stroke-linecap: round;
} */

/*
g.ss-curve path:nth-of-type(3) {
  marker-end: url('#dot');
  stroke: hsla(var(--theme), 40%, 30%, 0.5);
  stroke: #0025;
}
g.ss-curve path:nth-of-type(4) {
  stroke: hsla(var(--theme), 100%, 50%, 0.75);
  stroke-linecap: round;
  stroke-width: 2;
}
g.ss-curve path:nth-of-type(5),g.ss-curve path:nth-of-type(7) {
  --theme2: calc(var(--theme) + 20);
  stroke: hsla(var(--theme2), 100%, 30%, 0.4);
  stroke-dasharray: 3 3;

}
 */

.ss-curves text {
  stroke: none;
  fill: var(--color);
  font-size: 0.1em;
}
/* .elastic {
  opacity: 0.5;
  marker-end: url("#dot");
} */