* {
  box-sizing: border-box;
}
body {
  /* padding-left: 150px; */
  background: rgb(34, 37, 42);
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, monospace;
  /* font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; */
}

h1 {
  color: white;
  /* background: slategray; */
  padding-left: 0.2em;
  background: rgb(63, 68, 81);
}

#test {
  /* float: left; */
  color: white;
  background: rgb(45, 51, 61);
  /* background: darkslategray; */
  min-width: 200px;
  margin-top: 50px;
  margin-left: 10px;
  padding: 10px;
  /* line-height: 150%; */
  /* border: 2px white solid; */
}

#test2 {
  color: white;
  background: rgb(45, 51, 61);
  /* background: darkslategray; */
  /* margin-left: calc(40% + 5px); */
  min-width: 200px;
  margin-top: 50px;
  margin-left: 10px;
  padding: 10px;
  /* line-height: 150%; */
  /* border: 2px white solid; */

  /* width: 55%; */
}

/* #test3 {
            color: white;
            background: blue;
            width: 100%; 
        }*/

#wrapp {
  display: flex;
  justify-content: center;
  /* padding-left: 50px; */
  /* background: violet; */
}
.header {
  position: sticky;
  top: 10px;
}
.btn {
  color: white;
  background: rgb(45, 51, 61);
  /* background: darkslategray; */
  border-color: aliceblue;
  padding: 0.7rem;
}
.btn:disabled {
  background-color: gray; /* Изменяем цвет фона */
  cursor: not-allowed; /* Меняем курсор */
  opacity: 0.5; /* Делаем кнопку полупрозрачной */
}

.btns {
  display: flex;
  /* position: sticky;
        top: 10px; */
  justify-content: space-evenly;
  position: sticky;
}
#btn-undo {
  color: white;
  background: rgb(45, 51, 61);
  /* background: darkslategray; */
  border-color: aliceblue;
  padding: 0.7rem; /* float: left; */
}
.top {
  background: rgb(63, 68, 81);
  /* background: rgb(40, 44, 52); */
}
.bottom {
  margin-bottom: 10px;
  /* padding-bottom: 7px; */
  background: rgb(45, 51, 61);
  /* border-bottom: white solid 2px; */
}