<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*, *:before, *:after {position: relative;font: inherit; color: inherit;padding: 0;margin: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}*:focus {outline: 0;} a, span, i, input, select, button {display: inline-block;}html, body {height: 100%;}body { font-family:Arial, Helvetica, sans-serif;font-size: 16px; color: #383838;word-break: break-word;background: #FFF;}div {width: initial;} h1 {font-size: 19px;  }h2 {font-size: 16px; background-color:#3B5998; color:#FFFFFF; padding:7px 15px 7px 15px ;border-radius: 4px; margin-bottom:18px;-webkit-border-radius: 4px;-moz-border-radius: 4px; } a {text-decoration: none;} input, select, button {width: 100%; text-transform:capitalize;padding: 7px 15px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}input, select {background: rgba(0, 0, 0, 0.075);border: 1px solid #DDDDDD;}input:focus, select:focus {background: rgba(0, 0, 0, 0.1);}input[type="range"] {-webkit-appearance: none;padding: 10px 0;background: transparent;border: none;}input[type="range"]::-webkit-slider-runnable-track {height: 6px;border-radius: 4px;-webkit-border-radius: 4px;background: rgba(0, 0, 0, 0.075);}input[type="range"]:focus::-webkit-slider-runnable-track {background: rgba(0, 0, 0, 0.1);}input[type="range"]::-moz-range-track {height: 6px;border-radius: 4px;-moz-border-radius: 4px;background: rgba(0, 0, 0, 0.075);}input[type="range"]:focus::-moz-range-track {background: rgba(0, 0, 0, 0.1);}input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;height: 20px;width: 20px;margin-top: -8px;background: #8B9DC3;border: none;border-radius: 100%;-webkit-border-radius: 100%;cursor: pointer;}input[type="range"]::-moz-range-thumb {-webkit-appearance: none;height: 20px;width: 20px;margin-top: -8px;background: #8B9DC3;border: none;border-radius: 100%;-moz-border-radius: 100%;cursor: pointer;}button {cursor: pointer;font-weight: bold;text-align: left;text-transform:capitalize; border: none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin-top:10px}/* reuseable classes */.vertical-align {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}.row {padding: 0;margin: 0;}.row,.row:after {clear: both;zoom: 1;}.row:before,.row:after {content: '';display: table;}.row &gt; div {float: left;}.row &gt; .col1 {width: 8.33%;}.row &gt; .col2 {width: 16.66666%;}.row &gt; .col3 {width: 24.99%;}.row &gt; .col4 {width: 33.33%;}.row &gt; .col5 {width: 33.33%;}.row &gt; .col6 {width: 50%;}.row &gt; .col7 {width: 58.333%;}.row &gt; .col8 {width: 66.66666664%;}.row &gt; .col9 {width: 74.999997%;}.row &gt; .col10 {width: 83.33%;}.row &gt; .col11 {width: 91.666663%;}.row &gt; .col12 {width: 100%;}.container {width:80%;margin:auto; }/* header styles */#header {padding: 10px 0;}#header &gt; div &gt; div:nth-of-type(1) &gt; a &gt; img {max-width: 190px;max-height: 40px;padding: 10px 0;}#header &gt; div &gt; div:nth-of-type(2) &gt; div {float: right;} #header &gt; div &gt; div:nth-of-type(2) &gt; div &gt; a:last-of-type {margin-right: 0;}#header &gt; div &gt; div:nth-of-type(2) &gt; div &gt; a:nth-of-type(1) {color: #23589A;border-color: #23589A;}#header &gt; div &gt; div:nth-of-type(2) &gt; div &gt; a:nth-of-type(1):hover {color: #FFFFFF;background: #23589A;}#header &gt; div &gt; div:nth-of-type(2) &gt; div &gt; a:nth-of-type(2) {color: #2C70C3;border-color: #2C70C3;}#header &gt; div &gt; div:nth-of-type(2) &gt; div &gt; a:nth-of-type(2):hover {color: #FFFFFF;background: #2C70C3;}/* hero styles */#hero { padding:17px;color: #FFFFFF;background: #3B5998; margin-bottom:11px}#hero &gt; div &gt; div:nth-of-type(1) &gt; p {font-size: 14px;  padding-top:10px;line-height:22px;  }#main &gt; div:last-of-type {border-bottom: none; }/* sort option styles */#main &gt; #sort-options &gt; div &gt; div &gt; i {display: block;font-size: 20px;line-height: 30px;text-align: center;cursor: pointer;}#main &gt; #sort-options &gt; div &gt; div &gt; i:hover {color: #1E88E5;}/* icon list styles */#main &gt; #icon-list &gt; div &gt; div {padding: 1%; }#main &gt; #icon-list &gt; div &gt; div &gt; a {width: 100%;padding: 50% 0;color: #FFFFFF;text-decoration: none;overflow: hidden;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}#main &gt; #icon-list &gt; div &gt; div:nth-of-type(9n+1) &gt; a {background: #3B5998;}#main &gt; #icon-list &gt; div &gt; div:nth-of-type(9n+2) &gt; a {background: #898F9C;}#main &gt; #icon-list &gt; div &gt; div:nth-of-type(9n+3) &gt; a {background: #8B9DC3;}#main &gt; #icon-list &gt; div &gt; div:nth-of-type(9n+4) &gt; a {background: #546E7A;}#main &gt; #icon-list &gt; div &gt; div:nth-of-type(9n+5) &gt; a {background: #D81B60;}#main &gt; #icon-list &gt; div &gt; div:nth-of-type(9n+6) &gt; a {background: #1E88E5;}#main &gt; #icon-list &gt; div &gt; div:nth-of-type(9n+7) &gt; a {background: #43A047;}#main &gt; #icon-list &gt; div &gt; div:nth-of-type(9n+8) &gt; a {background: #3949AB;}#main &gt; #icon-list &gt; div &gt; div:nth-of-type(9n+9) &gt; a {background: #8E24AA;}#main &gt; #icon-list &gt; div &gt; div &gt; a &gt; span,#main &gt; #icon-list &gt; div &gt; div &gt; a &gt; i,#main &gt; #icon-list &gt; div &gt; div &gt; a &gt; i:after {position: absolute;display: block;width: 100%;height: inherit;line-height: 110%;text-align: center;  }#main &gt; #icon-list &gt; div &gt; div &gt; a &gt; span {top: 0;left: 0;padding: 5%;font-size: 12.5px;font-size: 1vw;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}#main &gt; #icon-list &gt; div &gt; div &gt; a &gt; i {top: 50%;left: 0;font-size: 50px;font-size: 4vw;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); }#main &gt; #icon-list &gt; div &gt; div:hover &gt; a &gt; i {font-size: 62.5px;font-size: 5vw;}#main &gt; #icon-list &gt; div &gt; div &gt; a &gt; i:after {top: 0;left: 0;content: attr(data-icon);color: transparent;opacity: 0;z-index: -1;}/* icon form styles */#main &gt; #icon-form &gt; div &gt; div {padding: 0 1%;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(1) &gt; div {width: 100%;padding: 50% 0;background-color: #333333;background-repeat: repeat;background-image: url('../img/canvas.png');overflow: hidden;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(1) &gt; div &gt; canvas {position: absolute;top: 50%;left: 50%;width: 60%;max-width: 500px;border: 2px dashed rgba(255, 255, 255, 0.5);background: rgba(255, 255, 255, 0.1);transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div {width: 100%;margin: 10px 0;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div:first-of-type {margin-top: 0;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div:last-of-type {margin-bottom: 0;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div:last-of-type &gt; button {width: 49%;float: left;background-color:#4267B2;border: 2px solid #4267B2;color: #FFF;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div:last-of-type &gt; button:hover { background-color:#8b9dc3;border: 2px solid #3B5998;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div:last-of-type &gt; button:nth-of-type(1) {margin-right: 1%;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div:last-of-type &gt; button:nth-of-type(2) {margin-left: 1%;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div &gt; span {text-transform:capitalize;display: block;padding: 7px 0;font-weight: bold;color: #FFFFFF;text-align: center; border:2px solid #3B5998;background: #8B9DC3;cursor: pointer;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div {border: 1px solid #DDDDDD;border-top: none;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div:not(.active) &gt; div {display: none;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div {margin: 20px;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div:last-of-type {border-bottom: none;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div &gt; label {font-weight: bold;text-transform:capitalize;font-size: 14px;line-height: 24px;padding:8px;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div &gt; label:after {content: ' ' attr(data-value);white-space: pre;display: inline-block;color: #43A047;}/* footer styles */#footer {color: #FFFFFF;background: #3B5998;border-top: 6px solid #8B9DC3;font-size: 14px;}#footer p{line-height:22px;  font-size: 14px;}#footer &gt; div:nth-of-type(1) {padding: 20px 0;}#footer &gt; div:nth-of-type(1) &gt; div &gt; div &gt; span,#footer &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div &gt; * {display: block;} #footer &gt; div:nth-of-type(1) &gt; div &gt; div &gt; span {font-weight: bold;font-size: 16px;line-height: 30px;color: #FFFFFF;}#footer &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div &gt; * {margin: 10px 0;float: left;clear: left;}#footer &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div &gt; *:first-child {margin-top: 20px;}#footer &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div &gt; *:last-child {margin-bottom: 0;}#footer &gt; div:nth-of-type(2) {padding: 8px 0 8px 0;background: rgba(0, 0, 0, 0.1);border-top: 1px solid rgba(255, 255, 255, 0.1); text-align:center}/* responsive styles */@media (max-width: 800px) {#main &gt; div {padding:15px;}#main &gt; #icon-list &gt; div &gt; div.col2 &gt; a &gt; span {  display:none }#header &gt; div &gt; div:first-of-type,#hero &gt; div &gt; div:first-of-type,#footer &gt; div:first-of-type,#footer &gt; div:first-of-type &gt; div &gt; div,#main &gt; #sort-options &gt; div &gt; div:first-of-type,#main &gt; #icon-form &gt; div &gt; div {display: block;width: 100%;} #main &gt; #icon-list &gt; div &gt; div.col2 {width: 33.333333333333336%;}#main &gt; #icon-list &gt; div &gt; div &gt; a &gt; i {font-size: 100px;font-size: 8vw;  }#main &gt; #icon-list &gt; div &gt; div &gt; a  { margin-top:8px}#main &gt; #icon-list &gt; div &gt; div:hover &gt; a &gt; i {font-size: 125px;font-size: 10vw;}#footer &gt; div:nth-of-type(1) { padding:8px ;} #footer &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div &gt; * {float: none;clear: none;}#main &gt; #icon-form &gt; div &gt; div:nth-of-type(2) {margin-top: 50px;} .container {width:98%;margin:auto; }}</pre></body></html>