@import url(fonts.css);

body {
  padding: 0;
  margin: 0;
  background: #ecf0f1;
}

.DescartesAppContainer {
  background-color: #6AD4F7;
}

.button {
  border-radius: 3px;
  border-bottom: 2px solid rgba(0,0,0,0.4);
  transform-origin: center;
}
.button:hover {
  transform: scale(1.05);
}

.DescartesMenuSelect {
  background-color: #ffffff;
}

/** estilo del teclado */
.DescartesKeyboardContainer {
  background-color: transparent;
  background-image: url("backwindow.svg");
}
.DescartesKeysContainer {
  background-color: #81ecec;
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 5px;
}
.DescartesKeysContainer > div {
  border: 1px solid rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
  transform-origin: center;
}
.DescartesKeysContainer > div:hover {
  background-color: rgba(0,0,200,0.1);
  transform: scale(1.02);
}
.DescartesKeysContainer > div:active {
  transform: scale(0.85);
}