.colors {
  display: flex;
  flex-direction: column;
  //border: 1px solid black;
  width: 100%;
  height: 1500px;
  align-items: center;
  row-gap: 20px;
}


.colorscheme {
  //border: 1px solid black;
  width: 90%;
  height: 200px;
  display: flex;
}

.color {
  width: 20%;
  height: 100%;
  //border: 1px solid black;
  text-align: center;
}

.fonts {
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  //border: 1px solid black;
  width: 100%;
  height: 900px;
  align-items: center;
  font-size: 20px;
}




#color1 {
  background-color: #f7d1cd;
}

#color2 {
  background-color: #e8c2ca;
}

#color3 {
  background-color: #d1b3c4;
}

#color4 {
  background-color: #b392ac;
  color: white;
}

#color5 {
  background-color: #735d78;
  color: white;
}

#color6 {
  background-color: #ffdab9;
}

#color7 {
  background-color: #fbc4ab;
}

#color8 {
  background-color: #f8ad9d;
}

#color9 {
  background-color: #f4978e;
  color: white;
}

#color10 {
  background-color: #f08080;
  color: white;
}

#color11 {
  background-color: #ffe5ec;
}

#color12 {
  background-color: #ffc2d1;
}

#color13 {
  background-color: #ffb3c6;
}

#color14 {
  background-color: #ff8fab;
}

#color15 {
  background-color: #fb6f92;
}

#color16 {
  background-color: #ad2831;
}

#color17 {
  background-color: #800e13;
  color: white;
}

#color18 {
  background-color: #640d14;
  color: white;
}

#color19 {
  background-color: #38040e;
  color: white;
}

#color20 {
  background-color: #250902;
  color: white;
}

#color21 {
  background-color: #a1cca5;
}

#color22 {
  background-color: #8fb996;
}

#color23 {
  background-color: #709775;
}

#color24 {
  background-color: #415d43;
  color: white;
}

#color25 {
  background-color: #111d13;
  color: white;
}

#color26 {
  background-color: #72efdd;
}

#color27 {
  background-color: #56cfe1;
}

#color28 {
  background-color: #4ea8de;
}

#color29 {
  background-color: #5e60ce;
}

#color30 {
  background-color: #7400b8;
}

#color31 {
  background-color: #f7b267;
}

#color32 {
  background-color: #f79d65;
}

#color33 {
  background-color: #f4845f;
}

#color34 {
  background-color: #f27059;
}

#color35 {
  background-color: #f25c54;
}