h1{ padding-left: 37px; a { color: inherit; }}h1 span.code{ vertical-align: 0px; padding: 2px 14px 0 14px; margin-right: 18px; background-color: #7f97a5; color: #00385e; font-size: 16.4px; border-radius: 14px; span.ind{ margin-left: 10px; font-size: 16.4px; a:hover{ color: #8c3a39; transition: 20ms; } }}h1 span.name{ font-size: 18.3px; a:hover{  color: #8c3a39; transition: 20ms; }}table{ border-collapse: collapse; margin: 25px 0 35px 10px; border-top: solid 1px #c6c6cc; border-bottom: solid 1px #c6c6cc; color: #333; a:hover{ color: #82302f; }}tr{ height: 18px;  &:nth-child(2n) td:not(:first-child) {background: #eee;} &:hover td:nth-of-type(2) , &:hover td:nth-of-type(3){background-color: #b4ced3;} &:hover { background-color: #ddd; } &:hover:nth-child(2n) {background: #eee; }     td:first-child:hover ~ td { background-color: transparent; }}th{ background: #bbb; padding: 2px 4px 0px 4px; font-size: 13.9px; font-weight: 500; &:first-of-type {   border-left: solid 1px #c6c6cc;   } &:last-of-type {   border-right: solid 1px #c6c6cc;   } &:not(&:nth-of-type(1)){   border-left: solid 1px #c6c6cc;   }}td{ background: #ddd; height: 27px; line-height: 24px; a{   color: #333;   } &.t{   background: #8ea8b6;   } &.e{   background: #acc6d4;   } &:first-of-type{   border-left: solid 1px #c6c6cc;   } &:last-of-type{   border-right: solid 1px #c6c6cc;   } &:not(&:nth-of-type(1)){   border-left: solid 1px #BBC8D8;   } &:nth-of-type(1){   text-align: center;     width: 62px;     padding: 3px 8px 0px 8px;     font-size: 14.7px;     font-weight:500;   } &:nth-of-type(2){   text-align: center;     width: 78px;     padding: 3px 0px 0px 0px;     font-size: 14.5px;   letter-spacing: -0.3px;     } &:nth-of-type(3){   text-align: left;     width: 950px;     font-size: 15.5px;   letter-spacing: 0.3px; a{ display: block; padding: 4px 0 0 9px; color: #003b68; &:hover{ color: #82302f; } } }  }