@charset "UTF-8";

body {
  background-image: linear-gradient(
    to bottom,
    rgb(250, 241, 199),
    rgb(255, 248, 188),
    rgb(255, 247, 203)
  );
  background-attachment: fixed;
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  color: rgb(255, 153, 0);
  text-shadow: 5px 7px 10px rgb(206, 151, 0);
}

#principal {
  text-align: center;
  color: rgb(255, 166, 0);
  background-color: rgb(255, 254, 195);
  border-radius: 40px;
  box-shadow: 5px 5px 10px rgb(184, 141, 1);
  width: 20em;
}

#container {
  display: flex;
  align-content: center;
  justify-content: center;
}

h2 {
  color: rgb(255, 208, 0);
  text-shadow: 5px 5px 10px rgba(90, 80, 58, 0.753);
}

.basico {
    color:rgb(255, 94, 0)
}

.intermediario {
    color: rgb(255, 145, 0);
}

.avancado {
    color: rgb(226, 102, 0);
}