*,:after,:before{margin:0;padding:0;box-sizing:inherit}body,html{width:100%;margin:auto}body{font-size:65.2%;font-family:Helvetica,sans-serif;box-sizing:border-box}.container{max-width:100em;margin:auto;padding:0 2%;overflow:hidden}.clearfix:after{content:" ";visibility:hidden;display:block;height:0;clear:both}@media (max-width:80em){section,section thead{font-size:.95em}}@media (max-width:70em){section,section thead{font-size:.9em}}@media (max-width:60em){section{font-size:.85em}section thead{font-size:.8em}}@media (max-width:40em){section{font-size:.9em}}.red{background:#ec4443;border-color:#ec4443}.orange{background:#ff6300;border-color:#ff6300}.yellow{background:#ff0;border-color:#ff0}.green{background:#97c932;border-color:#97c932}.blue{background:#28b9e5;border-color:#28b9e5}.purple{background:#ac85fc;border-color:#ac85fc}.pink{background:#e64f82;border-color:#e64f82}.black{background:#242021;border-color:#242021}.white{background:#fff;border-color:#fff}.brown{background:#622f2f;border-color:#622f2f}.gray{background:#c8c8c8;border-color:#c8c8c8}#tip1{background:#131313;color:#e9e8e8;padding-bottom:4em}table{border-collapse:collapse;font-size:1.6em;text-shadow:0 0 1px #888787}thead{border-bottom:1px solid #797878}thead tr{padding:2em 0 1em}thead td:first-child{font-size:1em;background:inherit;padding:2em 0 1em}thead td:last-child{font-size:2em;font-weight:100;text-align:right;box-shadow:none;padding:2em 0 1em}tbody tr:first-child td{padding:2em 0 1.5em 3%}tbody tr:first-child td:last-child{box-shadow:none}table,tbody,thead,tr{width:100%}tr{height:4em}td{text-transform:capitalize;padding-left:3%}td:first-child{width:15%}td:last-child{width:85%;box-shadow:inset 0 0 0 10000em rgba(0,0,0,.7)}#tip2{background:#f2f2f2;font-size:1em;padding-bottom:4em}#tip2 h2{color:grey;padding:2em 0;font-size:2em;font-weight:100;text-align:left}@media (max-width:80em){#tip2{font-size:.95em}}@media (max-width:70em){#tip2{font-size:.9em}}@media (max-width:60em){#tip2{font-size:.85em}}@media (max-width:40em){#tip2{font-size:.9em}#tip2 .left,#tip2 .right{width:60%;margin:0 auto;float:none}}@media (max-width:30em){#tip2 .left,#tip2 .right{width:80%;margin:0 auto;float:none}}.left{float:left}.left,.right{width:40%;text-align:center}.right{float:right}.pie{width:27em;height:27em;border-radius:50%;display:inline-block;position:relative}@media (max-width:500px){.pie{font-size:.8em}}.pie span{display:block;position:absolute;background:transparent;width:100%;height:100%;border-top-width:1.8em;border-left:1.8em solid transparent;border-bottom:1.8em solid transparent;border-right:1.8em solid transparent;border-top-style:solid;border-radius:50%}.pie .purple{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}.pie .orange{-webkit-transform:rotate(55deg);transform:rotate(55deg)}.pie .yellow{-webkit-transform:rotate(130deg);transform:rotate(130deg)}.pie .white{-webkit-transform:rotate(175deg);transform:rotate(175deg)}.pie .black{-webkit-transform:rotate(200deg);transform:rotate(200deg)}.pie .green{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.pie .red{-webkit-transform:rotate(220deg);transform:rotate(220deg)}.pie .gray{-webkit-transform:rotate(230deg);transform:rotate(230deg)}.pie .blue{-webkit-transform:rotate(242deg);transform:rotate(242deg)}.pie .brown{-webkit-transform:rotate(248deg);transform:rotate(248deg)}.stats{width:80%;position:relative;display:inline-block;padding:1.5em 0}.stats span{width:1em;height:1em;display:block;text-indent:1.7em;margin:.8em 0;font-size:1.4em;text-shadow:0 0 1px #000}.stats span:before{content:attr(class);text-transform:capitalize}.stats span:after{position:absolute;right:0;margin-top:-15px}.stats span.blue:after{content:"1%"}.stats span.brown:after{content:"28%"}.stats span.green:after{content:"2%"}.stats span.orange:after{content:"5%"}.stats span.purple:after{content:"22%"}.stats span.red:after{content:"2%"}.stats span.white:after{content:"5%"}.stats span.yellow:after{content:"13%"}.stats span.black:after{content:"1%"}.right .pie .purple{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.right .pie .orange{-webkit-transform:rotate(-60deg);transform:rotate(-60deg);border-right-color:#ff6300}.right .pie .yellow{-webkit-transform:rotate(70deg);transform:rotate(70deg)}.right .pie .white{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.right .pie .green{-webkit-transform:rotate(110deg);transform:rotate(110deg)}.right .pie .gray{-webkit-transform:rotate(170deg);transform:rotate(170deg)}.right .pie .brown{-webkit-transform:rotate(130deg);transform:rotate(130deg)}.right .stats span.brown:after{content:"20%"}.right .stats span.green:after{content:"6%"}.right .stats span.gray:after{content:"17%"}.right .stats span.orange:after{content:"33%"}.right .stats span.purple:after{content:"8%"}.right .stats span.white:after{content:"3%"}.right .stats span.yellow:after{content:"13%"}#tip3{background:#131313;color:#e9e8e8}#tip3 h3{font-size:2em;font-weight:100;padding:1.5em 0 .5em}#tip3 p{font-size:1.5em;color:grey}.columns{font-size:.9em;padding:6em 0;display:flex;justify-content:space-between}.col{width:20%}.col .bg{height:55em;display:block;position:relative}@media (max-width:50em){.col .bg{height:50em}}.col .bg:after{content:" ";width:90%;height:100%;position:absolute;z-index:1;display:block}.col:first-child .bg{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#8b9ee3),color-stop(20%,#637ae2),color-stop(40%,#4c6bd0),color-stop(60%,#f8dc19),color-stop(90%,#7c57f2));background:-webkit-linear-gradient(#8b9ee3 20%,#637ae2 20% 40%,#4c6bd0 40% 60%,#f8dc19 60% 90%,#7c57f2 90% 100%);background:linear-gradient(#8b9ee3 20%,#637ae2 20% 40%,#4c6bd0 40% 60%,#f8dc19 60% 90%,#7c57f2 90% 100%)}.col:first-child .bg:after{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3e5cd4),color-stop(60%,#f8dc19),color-stop(90%,#7c57f2));background:-webkit-linear-gradient(#3e5cd4 60%,#f8dc19 60% 90%,#7c57f2 90% 100%);background:linear-gradient(#3e5cd4 60%,#f8dc19 60% 90%,#7c57f2 90% 100%)}.col:nth-child(2) .bg{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#707089),color-stop(20%,#39405c),color-stop(40%,#212349),color-stop(60%,#2184e2),color-stop(90%,#114a81));background:-webkit-linear-gradient(#707089 20%,#39405c 20% 40%,#212349 40% 60%,#2184e2 60% 90%,#114a81 90% 100%);background:linear-gradient(#707089 20%,#39405c 20% 40%,#212349 40% 60%,#2184e2 60% 90%,#114a81 90% 100%)}.col:nth-child(2) .bg:after{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0c1137),color-stop(60%,#2184e2),color-stop(90%,#114a81));background:-webkit-linear-gradient(#0c1137 60%,#2184e2 60% 90%,#114a81 90% 100%);background:linear-gradient(#0c1137 60%,#2184e2 60% 90%,#114a81 90% 100%)}.col:nth-child(3) .bg{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ea829a),color-stop(20%,#ec5179),color-stop(40%,#e62b5d),color-stop(60%,#ffecf0),color-stop(90%,#ff527f));background:-webkit-linear-gradient(#ea829a 20%,#ec5179 20% 40%,#e62b5d 40% 60%,#ffecf0 60% 90%,#ff527f 90% 100%);background:linear-gradient(#ea829a 20%,#ec5179 20% 40%,#e62b5d 40% 60%,#ffecf0 60% 90%,#ff527f 90% 100%)}.col:nth-child(3) .bg:after{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e8295c),color-stop(60%,#ffecf0),color-stop(90%,#ff527f));background:-webkit-linear-gradient(#e8295c 60%,#ffecf0 60% 90%,#ff527f 90% 100%);background:linear-gradient(#e8295c 60%,#ffecf0 60% 90%,#ff527f 90% 100%)}.col:nth-child(4) .bg{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#878787),color-stop(20%,#5d5d5d),color-stop(40%,#464646),color-stop(60%,#e5aa50),color-stop(90%,#727272));background:-webkit-linear-gradient(#878787 20%,#5d5d5d 20% 40%,#464646 40% 60%,#e5aa50 60% 90%,#727272 90% 100%);background:linear-gradient(#878787 20%,#5d5d5d 20% 40%,#464646 40% 60%,#e5aa50 60% 90%,#727272 90% 100%)}.col:nth-child(4) .bg:after{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#353535),color-stop(60%,#e5aa50),color-stop(90%,#727272));background:-webkit-linear-gradient(#353535 60%,#e5aa50 60% 90%,#727272 90% 100%);background:linear-gradient(#353535 60%,#e5aa50 60% 90%,#727272 90% 100%)}#tip4{background:#f2f2f2}#tip4 .rows{display:flex;flex-direction:column;padding:6em 0}#tip4 .rows .row{width:100%;margin:1em 0}#tip4 .rows .row div{display:inline-block;height:10em}#tip4 .rows .row div p{font-size:1.8em;color:#aaa;padding-bottom:.4em}#tip4 .rows .row div h3{font-size:1.6em;font-weight:100;line-height:1em;text-shadow:0 0 1px #444}#tip4 .rows .row .sixty{width:60%}#tip4 .rows .row .thirty{width:30%}#tip4 .rows .row .ten{width:10%}#tip4 .rows .row .bg{height:13.5em;width:100%;display:block;position:relative}#tip4 .rows .row .bg:after{content:" ";width:100%;height:15em;position:absolute;bottom:0;z-index:-1;display:block}#tip4 .rows .row .bg p{font-size:2em;opacity:.2;display:inline-block;margin-top:4.5em;padding-left:1em;text-shadow:0 0 1px}#tip4 .rows .row .bg p:first-child{width:60%}#tip4 .rows .row .bg p:last-child{width:30%}#tip4 .rows .row:first-child .bg{background:-webkit-gradient(linear,left top,right top,color-stop(0,#a676f0),color-stop(60%,#f17957),color-stop(90%,#4acda1));background:-webkit-linear-gradient(left,#a676f0 60%,#f17957 60% 90%,#4acda1 90% 100%);background:linear-gradient(90deg,#a676f0 60%,#f17957 60% 90%,#4acda1 90% 100%)}#tip4 .rows .row:first-child .bg:after{background:-webkit-gradient(linear,left top,right top,color-stop(0,#c6aef3),color-stop(20%,#b490ef),color-stop(40%,#ab81eb),color-stop(60%,#f17957),color-stop(90%,#4acda1));background:-webkit-linear-gradient(left,#c6aef3 20%,#b490ef 20% 40%,#ab81eb 40% 60%,#f17957 60% 90%,#4acda1 90% 100%);background:linear-gradient(90deg,#c6aef3 20%,#b490ef 20% 40%,#ab81eb 40% 60%,#f17957 60% 90%,#4acda1 90% 100%)}#tip4 .rows .row:nth-child(3) .bg{background:-webkit-gradient(linear,left top,right top,color-stop(40%,#4f6bd7),color-stop(60%,#f8db1d),color-stop(90%,#7c57f2));background:-webkit-linear-gradient(left,#4f6bd7 40% 60%,#f8db1d 60% 90%,#7c57f2 90% 100%);background:linear-gradient(90deg,#4f6bd7 40% 60%,#f8db1d 60% 90%,#7c57f2 90% 100%)}#tip4 .rows .row:nth-child(3) .bg:after{background:-webkit-gradient(linear,left top,right top,color-stop(0,#8a9de2),color-stop(20%,#637bdb),color-stop(40%,#4f6bd7),color-stop(60%,#f8db1d),color-stop(90%,#7c57f2));background:-webkit-linear-gradient(left,#8a9de2 20%,#637bdb 20% 40%,#4f6bd7 40% 60%,#f8db1d 60% 90%,#7c57f2 90% 100%);background:linear-gradient(90deg,#8a9de2 20%,#637bdb 20% 40%,#4f6bd7 40% 60%,#f8db1d 60% 90%,#7c57f2 90% 100%)}#tip5{background:#131313;color:#e9e8e8}#tip5 h1{font-weight:100;font-size:2.2em;margin-top:-1em;padding:0 0 5em;text-shadow:0 0 1px #aaa}#tip5 .col:first-child .bg{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2945b6),color-stop(20%,#1f358d),color-stop(40%,#162563),color-stop(60%,#0d1639));background:-webkit-linear-gradient(#2945b6 20%,#1f358d 20% 40%,#162563 40% 60%,#0d1639 60% 100%);background:linear-gradient(#2945b6 20%,#1f358d 20% 40%,#162563 40% 60%,#0d1639 60% 100%)}#tip5 .col:first-child .bg:after{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0d1639));background:-webkit-linear-gradient(#0d1639 0 100%);background:linear-gradient(#0d1639 0 100%)}#tip5 .col:nth-child(2) .bg{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#7283c2),color-stop(20%,#485baf),color-stop(40%,#372d8a),color-stop(60%,#4420c4));background:-webkit-linear-gradient(#7283c2 20%,#485baf 20% 40%,#372d8a 40% 60%,#4420c4 60% 100%);background:linear-gradient(#7283c2 20%,#485baf 20% 40%,#372d8a 40% 60%,#4420c4 60% 100%)}#tip5 .col:nth-child(2) .bg:after{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4420c4));background:-webkit-linear-gradient(#4420c4 0 100%);background:linear-gradient(#4420c4 0 100%)}#tip5 .col:nth-child(3) .bg{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#8b9ee3),color-stop(20%,#637ae2),color-stop(40%,#4c6bd0),color-stop(60%,#0735ee));background:-webkit-linear-gradient(#8b9ee3 20%,#637ae2 20% 40%,#4c6bd0 40% 60%,#0735ee 60% 100%);background:linear-gradient(#8b9ee3 20%,#637ae2 20% 40%,#4c6bd0 40% 60%,#0735ee 60% 100%)}#tip5 .col:nth-child(3) .bg:after{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0735ee));background:-webkit-linear-gradient(#0735ee 0 100%);background:linear-gradient(#0735ee 0 100%)}#tip5 .col:nth-child(4) .bg{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#9aaae4),color-stop(20%,#535b81),color-stop(40%,#2f3c66),color-stop(60%,#071d74));background:-webkit-linear-gradient(#9aaae4 20%,#535b81 20% 40%,#2f3c66 40% 60%,#071d74 60% 100%);background:linear-gradient(#9aaae4 20%,#535b81 20% 40%,#2f3c66 40% 60%,#071d74 60% 100%)}#tip5 .col:nth-child(4) .bg:after{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#071d74));background:-webkit-linear-gradient(#071d74 0 100%);background:linear-gradient(#071d74 0 100%)}#tip6{padding:2em 0 8em;background:#f2f2f2}@media (max-width:600px){#tip6{font-size:.8em!important}}@media (max-width:500px){#tip6 .left,#tip6 .right{width:100%!important;text-align:center!important}}#tip6 .left{width:50%;text-align:left}#tip6 .right{width:50%;text-align:center}#tip6 h3{font-size:2em;font-weight:100;color:#929191;text-shadow:0 0 1px #a3a3a3;text-align:left;padding:2em 0 1em}#tip6 span.slice{width:50%;height:50%;display:block;position:absolute;-webkit-transform-origin:right bottom;transform-origin:right bottom;border:none}.p{position:relative;width:25em;height:25em;overflow:hidden;border-radius:50%;-webkit-transform:rotate(100deg);transform:rotate(100deg);display:inline-block}.p:after{content:" ";width:90%;height:90%;margin:5% 0 0 5%;-webkit-transform:scale(.92);transform:scale(.92);border-radius:50%;background:#f2f2f2;z-index:9}.p .indicator,.p:after{display:block;position:absolute}.p .indicator{width:20%;height:20%;margin:40% 0 0 40%;border-radius:50%;z-index:999;border:5px solid #fff;box-shadow:0 0 0 2px #000}.p .indicator:after{content:" ";box-sizing:unset;height:100%;display:block;position:absolute;background:#fafafa;border-color:transparent #fff;border-style:solid;border-width:2px;-webkit-transform:translate(17px,-2px) rotate(120deg);transform:translate(17px,-2px) rotate(120deg)}.p :first-child{background:#ff7600;-webkit-transform:scale(1.6) rotate(27.69231deg) skew(62.30769deg);transform:scale(1.6) rotate(27.69231deg) skew(62.30769deg)}.p :nth-child(2){background:#ffeb00;-webkit-transform:scale(1.6) rotate(55.38462deg) skew(62.30769deg);transform:scale(1.6) rotate(55.38462deg) skew(62.30769deg)}.p :nth-child(3){background:#9dff00;-webkit-transform:scale(1.6) rotate(83.07692deg) skew(62.30769deg);transform:scale(1.6) rotate(83.07692deg) skew(62.30769deg)}.p :nth-child(4){background:#27ff00;-webkit-transform:scale(1.6) rotate(110.76923deg) skew(62.30769deg);transform:scale(1.6) rotate(110.76923deg) skew(62.30769deg)}.p :nth-child(5){background:#00ff4e;-webkit-transform:scale(1.6) rotate(138.46154deg) skew(62.30769deg);transform:scale(1.6) rotate(138.46154deg) skew(62.30769deg)}.p :nth-child(6){background:#00ffc4;-webkit-transform:scale(1.6) rotate(166.15385deg) skew(62.30769deg);transform:scale(1.6) rotate(166.15385deg) skew(62.30769deg)}.p :nth-child(7){background:#00c4ff;-webkit-transform:scale(1.6) rotate(193.84615deg) skew(62.30769deg);transform:scale(1.6) rotate(193.84615deg) skew(62.30769deg)}.p :nth-child(8){background:#004eff;-webkit-transform:scale(1.6) rotate(221.53846deg) skew(62.30769deg);transform:scale(1.6) rotate(221.53846deg) skew(62.30769deg)}.p :nth-child(9){background:#2700ff;-webkit-transform:scale(1.6) rotate(249.23077deg) skew(62.30769deg);transform:scale(1.6) rotate(249.23077deg) skew(62.30769deg)}.p :nth-child(10){background:#9d00ff;-webkit-transform:scale(1.6) rotate(276.92308deg) skew(62.30769deg);transform:scale(1.6) rotate(276.92308deg) skew(62.30769deg)}.p :nth-child(11){background:#ff00eb;-webkit-transform:scale(1.6) rotate(304.61538deg) skew(62.30769deg);transform:scale(1.6) rotate(304.61538deg) skew(62.30769deg)}.p :nth-child(12){background:#ff0076;-webkit-transform:scale(1.6) rotate(332.30769deg) skew(62.30769deg);transform:scale(1.6) rotate(332.30769deg) skew(62.30769deg)}.p :nth-child(13){background:red;-webkit-transform:scale(1.6) rotate(1turn) skew(62.30769deg);transform:scale(1.6) rotate(1turn) skew(62.30769deg)}.pie2 p{background:#51965b}.pie3 p{background:#f7542f}.pie4 p{background:#3e6ec0}.pie2 span{-webkit-filter:url(/colorui/static/media/filters.7d354041.svg#deuteranopia);filter:url(/colorui/static/media/filters.7d354041.svg#deuteranopia)}.pie3 span{-webkit-filter:url(/colorui/static/media/filters.7d354041.svg#protanopia);filter:url(/colorui/static/media/filters.7d354041.svg#protanopia)}.pie4 span{-webkit-filter:url(/colorui/static/media/filters.7d354041.svg#tritanopia);filter:url(/colorui/static/media/filters.7d354041.svg#tritanopia)}.pie5 span{-webkit-filter:url(/colorui/static/media/filters.7d354041.svg#protanomaly);filter:url(/colorui/static/media/filters.7d354041.svg#protanomaly)}.pie6 span{-webkit-filter:url(/colorui/static/media/filters.7d354041.svg#achromatopsia);filter:url(/colorui/static/media/filters.7d354041.svg#achromatopsia)}.pie7 span{-webkit-filter:url(/colorui/static/media/filters.7d354041.svg#deuteranomaly);filter:url(/colorui/static/media/filters.7d354041.svg#deuteranomaly)}.pie8 span{-webkit-filter:url(/colorui/static/media/filters.7d354041.svg#achromatomaly);filter:url(/colorui/static/media/filters.7d354041.svg#achromatomaly)}#tip7{background:#131313;color:#fff;padding:1em 0 6em}#tip7 h2{font-weight:100;font-size:4em;padding:1.2em 0 .2em}#tip7 a{text-decoration:none;color:inherit}#tip7 a:hover{text-decoration:underline}#tip7 p{font-size:1.6em;color:#999}#tip7 .credit{font-size:1.4em;opacity:.5;padding:2em 0 0}
/*# sourceMappingURL=main.62c9cb34.chunk.css.map */