body,html{font-family:'Roboto',sans-serif;background-color:#000}ul{list-style-type:none;padding:0;margin:0;width:20%;float:left}ul li{display:block;padding:2.3vh;text-align:center;margin-bottom:0vw;font-size:2vh}ul:after{display:table;clear:both;content:''}.white{background-color:#fff;padding:1vw}.black{background-color:#000;padding:1vw}.gray .b5{background-color:#8d8b90}.gray .b1{background-color:#d5d4d6}.gray .b2{background-color:#c3c2c4}.gray .b3{background-color:#b1afb3}.gray .b4{background-color:#9f9da1}.gray .b9{background-color:#464548}.gray .b8{background-color:#58565a}.gray .b7{background-color:#69676c}.gray .b6{background-color:#7b797e}.red .b5{background-color:#ef294f}.red .b1{background-color:#f9aebc}.red .b2{background-color:#f68da1}.red .b3{background-color:#f46b86}.red .b4{background-color:#f14a6a}.red .b9{background-color:#800a20}.red .b8{background-color:#a10c29}.red .b7{background-color:#c20f31}.red .b6{background-color:#e31139}.alizarin .b5{background-color:#ef3826}.alizarin .b1{background-color:#f9b2ab}.alizarin .b2{background-color:#f6938a}.alizarin .b3{background-color:#f47568}.alizarin .b4{background-color:#f15647}.alizarin .b9{background-color:#7d1409}.alizarin .b8{background-color:#9e190c}.alizarin .b7{background-color:#bf1e0e}.alizarin .b6{background-color:#e12311}.orange .b5{background-color:#f19100}.orange .b1{background-color:#ffcd81}.orange .b2{background-color:#ffbf5d}.orange .b3{background-color:#ffb039}.orange .b4{background-color:#ffa216}.orange .b9{background-color:#623b00}.orange .b8{background-color:#865100}.orange .b7{background-color:#a60}.orange .b6{background-color:#cd7c00}.yellow .b5{background-color:#f7c700}.yellow .b1{background-color:#ffe887}.yellow .b2{background-color:#ffe163}.yellow .b3{background-color:#ffda3f}.yellow .b4{background-color:#ffd31c}.yellow .b9{background-color:#685400}.yellow .b8{background-color:#8c7100}.yellow .b7{background-color:#b08d00}.yellow .b6{background-color:#d3aa00}.green .b5{background-color:#63d558}.green .b1{background-color:#cef2ca}.green .b2{background-color:#b3ebae}.green .b3{background-color:#98e391}.green .b4{background-color:#7edc75}.green .b9{background-color:#287e20}.green .b8{background-color:#319b27}.green .b7{background-color:#3ab72e}.green .b6{background-color:#48ce3b}.lightblue .b5{background-color:#6cc5f8}.lightblue .b1{background-color:#f4fbfe}.lightblue .b2{background-color:#d2edfd}.lightblue .b3{background-color:#b0e0fb}.lightblue .b4{background-color:#8ed2fa}.lightblue .b9{background-color:#0a85cc}.lightblue .b8{background-color:#0b9bee}.lightblue .b7{background-color:#28aaf5}.lightblue .b6{background-color:#4ab8f6}.grayblue .b5{background-color:#4da7d8}.grayblue .b1{background-color:#c2e1f2}.grayblue .b2{background-color:#a5d2eb}.grayblue .b3{background-color:#88c4e5}.grayblue .b4{background-color:#6ab5de}.grayblue .b9{background-color:#1b597b}.grayblue .b8{background-color:#216f98}.grayblue .b7{background-color:#2884b6}.grayblue .b6{background-color:#3099d2}.blue .b5{background-color:#2e77fb}.blue .b1{background-color:#bad2fe}.blue .b2{background-color:#97bbfd}.blue .b3{background-color:#74a5fc}.blue .b4{background-color:#518efc}.blue .b9{background-color:#033897}.blue .b8{background-color:#0445ba}.blue .b7{background-color:#0452dd}.blue .b6{background-color:#0b60fa}.violet .b5{background-color:#5953d3}.violet .b1{background-color:#c7c5f0}.violet .b2{background-color:#aba8e9}.violet .b3{background-color:#908ce2}.violet .b4{background-color:#746fda}.violet .b9{background-color:#231f78}.violet .b8{background-color:#2b2695}.violet .b7{background-color:#342db1}.violet .b6{background-color:#3e37cc}