.smallButton { /* маленькая квадратная кнопка (как в журнале изменений)*/
    width: 40px;
    height: 40px;
    border: solid 0px #ffffff;
    color: white;
    text-align: center;
    border-width: 1px;
    background-color: #000000;
    border-radius: 3px;
    cursor: pointer;
}

.smallButton:hover { /* маленькая квадратная кнопка (как в журнале изменений)*/
    background-color: #2c2c2c;
}

.whiteText {
  color: white;
  font-size: calc(15px * var(--font-scale));
  text-align: center;
}

.bigText {
  color: white;
  font-size: calc(30px * var(--font-scale));
  text-align: center;
}

.normalButton {
    border-style: solid;
    border-radius: 3px;
    max-height: 35px;
    height: 4vw;
    border-color:rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    text-align: center;
    font-family: "Poly"; 
    font-size: calc(18px * var(--font-scale));
    margin-bottom: 10px;
    cursor: pointer;
    margin-right: 0.3vw;
    white-space: nowrap;
}
.normalButton:hover {
    background-color: rgb(62, 62, 62)
}

.iconSlot {
  height: 100%;
  aspect-ratio: 1 / 1;
  border: 1px solid white;
}