@charset "utf-8";
/* CSS Document */

h3.converter-heading {
  text-align: center;
  font-weight: 900;
  letter-spacing: -1px;
  font-size: 34px;
  color: #1da1e3;
  margin: 0 0 18px 0;
}
label.converter-label {
  text-align: center;
  color: #e9e9e9;
  margin-bottom: 8px;
}
input#color01 {
  border: none;
  background-color: #e9e9e9;
  padding: 8px;
  text-align: center;
  font-family: consolas, monospace;
  color: #777777;
  font-size: 15px;
}
 input#color01:focus {
    outline: none;
    border: none;
}
td#helpname01, td#helprgb01, td#helphex01, td#helphsl01, td#helphwb01, td#helpcmyk01, td#helpncol01 {
  color: #e9e9e9;
  font-weight: 600;
  background-color: #42444e;
}
td#name01, td#rgb01, td#hex01, td#hsl01, td#hwb01, td#cmyk01, td#ncol01 {
  color: #939791 !important;
  font-family: consolas, monospace;
  background-color: #42444e;
}
div#result01 {
  height: 280px;
  background-color: rgb(128, 128, 128);
  width: 100%;
  margin-top: 18px;
  margin-bottom: 0;
}
.fb-con {
  display: flex;
  flex-wrap: wrap;
  row-gap: 6px;
  background-color: #42444e;
  padding: 24px;
}
.fb-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  column-gap: 12px;
}
.fb-col {
  display: flex;
  align-items: top;
  justify-content: top;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  text-align: left;
  line-height: 1.6;
}
@media screen and (max-width: 600px) {
  .fb-con {
    row-gap: 0;
  }
  .fb-row {
    flex-direction: column;
    column-gap: 0;
  }
}