body{margin:40px
auto;max-width:650px;line-height:1.6;font-size:18px;color:#444;padding:0
10px;font-family:georgia;color:#1D1D2C;background-color:#F7F4E9}h2,h3{line-height:1.2}table{table-layout:fixed;width:100%;}
code, footer {
    font-size: 87%;
}
.wrapper {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 160px 160px 160px;
        padding: 6px;
    }

    .swrap {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 130px 1fr 100px;
    }


    .box {
        border-radius: 5px;
        
    }

    .b, .c, .d, .e, .bc, .de {
        font-size: 90%;
    }
    .img {
        grid-column 1;
    }
    .sa {
        grid-column 2;
    }
    
    .a {
        grid-column: 2 / span 3;
    }
    .b {
        grid-column: 1 ;
        grid-row: 2 ;
    }
    .c {
        grid-column: 2 ;
        grid-row: 2 ;
    }
    .d {
        grid-column: 3 ;
        grid-row: 2 ;
    }
    .e {
        grid-column: 4 ;
        grid-row: 2 ;
    }
    .bc {
        grid-column: 1 / span 2;
        grid-row: 2;
    }
    .de {
        grid-column: 3 / span 2;
        grid-row: 2;
    }
    .fg {
        grid-column: 1 / span 2;
        grid-row: 3;
    }
    .hi {
        grid-column: 3 / span 2;
        grid-row: 3;
    }
    .big {
        grid-column: 1 / span 4;
        grid-row: 3;
    }

    .update {
        grid-column: 3 / span 2;
    }

    .upercent {
        grid-column: 1 / span 2;
    }

    input, textarea, select, button {
        font-family: inherit;
    }

    footer {
        text-align: center;
    }

.meter {
  width: 100%;
  margin-bottom: 20px;
  height: 18px;
  position: relative;
  background-color: #FEFEFE;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.meter > span {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: rebeccapurple;
  text-align: center;
  color: whitesmoke;
  font-size: 0.7em;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
}
.whitesmoke {
    background-color: whitesmoke;
}

.aqua {
    background-color: aqua;
}

a > img {
    align: right;
}
ul {
        list-style: none;
    }
li:nth-child(odd) {
    background: #FEFEFE;
}