@charset "UTF-8";
@font-face {
  font-family: 'digital-7';
  src: url("../fonts/digital-7.ttf");
  font-weight: 300;
  font-style: normal;
}

body {
  max-width: 360px;
  margin: 10px auto;
  background-color: grey;
}

body .calc-body-theme-1 {
  background: #010505;
}

body .calc-body-theme-1 .header,
body .calc-body-theme-1 .main {
  box-shadow: -2px -1px 3px #000 inset;
}

body .calc-body-theme-1 .footer {
  color: #fff;
}

body .calc-body-theme-1 .footer:hover {
  color: #ccc;
}

body .calc-body-theme-1 .main .buttons .number-block .number {
  background: #000000;
}

body .calc-body-theme-2 {
  background: #27d630;
}

body .calc-body-theme-2 .header,
body .calc-body-theme-2 .main {
  box-shadow: -2px -1px 3px #27d630 inset;
}

body .calc-body-theme-2 .main .buttons .number-block .number {
  background: #199119;
}

body .calc-body-theme-3 {
  background: #d66d27;
}

body .calc-body-theme-3 .header,
body .calc-body-theme-3 .main {
  box-shadow: -2px -1px 3px #d66d27 inset;
}

body .calc-body-theme-3 .main .buttons .number-block .number {
  background: #9e4b14;
}

body .calc-body-theme-4 {
  background: #27d6c8;
}

body .calc-body-theme-4 .header,
body .calc-body-theme-4 .main {
  box-shadow: -2px -1px 3px #27d6c8 inset;
}

body .calc-body-theme-4 .main .buttons .number-block .number {
  background: #138d79;
}

body .calc-body-theme-1,
body .calc-body-theme-2,
body .calc-body-theme-3,
body .calc-body-theme-4 {
  width: 360px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 10px;
  padding: 20px 10px;
  box-shadow: -3px -3px 15px #fff inset;
  transition: 0.5s;
}

body .calc-body-theme-1 .header,
body .calc-body-theme-2 .header,
body .calc-body-theme-3 .header,
body .calc-body-theme-4 .header {
  box-sizing: border-box;
  padding: 10px 10px;
  max-width: 340px;
  background-color: #ccc;
  border: 1px solid #000000;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 10px;
}

body .calc-body-theme-1 .header .themes,
body .calc-body-theme-2 .header .themes,
body .calc-body-theme-3 .header .themes,
body .calc-body-theme-4 .header .themes {
  min-width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

body .calc-body-theme-1 .header .themes .theme,
body .calc-body-theme-2 .header .themes .theme,
body .calc-body-theme-3 .header .themes .theme,
body .calc-body-theme-4 .header .themes .theme {
  background-color: #62a4be;
  border-radius: 5px;
  outline: none;
}

body .calc-body-theme-1 .header .themes .theme:first-child,
body .calc-body-theme-2 .header .themes .theme:first-child,
body .calc-body-theme-3 .header .themes .theme:first-child,
body .calc-body-theme-4 .header .themes .theme:first-child {
  background-color: #000000;
  color: #cccccc;
}

body .calc-body-theme-1 .header .themes .theme:nth-child(2),
body .calc-body-theme-2 .header .themes .theme:nth-child(2),
body .calc-body-theme-3 .header .themes .theme:nth-child(2),
body .calc-body-theme-4 .header .themes .theme:nth-child(2) {
  background-color: #27d630;
}

body .calc-body-theme-1 .header .themes .theme:nth-child(3),
body .calc-body-theme-2 .header .themes .theme:nth-child(3),
body .calc-body-theme-3 .header .themes .theme:nth-child(3),
body .calc-body-theme-4 .header .themes .theme:nth-child(3) {
  background-color: #d66d27;
}

body .calc-body-theme-1 .header .themes .theme:last-child,
body .calc-body-theme-2 .header .themes .theme:last-child,
body .calc-body-theme-3 .header .themes .theme:last-child,
body .calc-body-theme-4 .header .themes .theme:last-child {
  background-color: #27d6c8;
}

body .calc-body-theme-1 .header .themes .theme-active,
body .calc-body-theme-2 .header .themes .theme-active,
body .calc-body-theme-3 .header .themes .theme-active,
body .calc-body-theme-4 .header .themes .theme-active {
  box-sizing: border-box;
  background-color: grey;
  border-radius: 5px;
  box-shadow: -1px -1px 0px #000;
  outline: none;
  border: 1px solid;
}

body .calc-body-theme-1 .main,
body .calc-body-theme-2 .main,
body .calc-body-theme-3 .main,
body .calc-body-theme-4 .main {
  box-sizing: border-box;
  padding: 10px 10px;
  max-width: 340px;
  background-color: #ccc;
  border: 1px solid #000000;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 0 10px;
}

body .calc-body-theme-1 .main .output,
body .calc-body-theme-2 .main .output,
body .calc-body-theme-3 .main .output,
body .calc-body-theme-4 .main .output {
  display: flex;
  justify-content: space-between;
  margin: 10px auto;
  box-sizing: border-box;
  padding: 10px 10px;
  width: 300px;
  height: 50px;
  background-color: #cccccc;
  border: 1px solid #000000;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: -1px -1px 0px #000;
  text-align: center;
  position: relative;
}

body .calc-body-theme-1 .main .output .input-text,
body .calc-body-theme-1 .main .output .result-text,
body .calc-body-theme-2 .main .output .input-text,
body .calc-body-theme-2 .main .output .result-text,
body .calc-body-theme-3 .main .output .input-text,
body .calc-body-theme-3 .main .output .result-text,
body .calc-body-theme-4 .main .output .input-text,
body .calc-body-theme-4 .main .output .result-text {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 4px 10px 0 0;
  width: 40%;
  max-width: 45%;
  height: 35px;
  margin-right: 5px;
  background-color: #cccccc;
  position: relative;
  outline: 1px solid #05000027;
  font-size: 18px;
  font-family: digital-7;
}

body .calc-body-theme-1 .main .output .input-text::before,
body .calc-body-theme-1 .main .output .result-text::before,
body .calc-body-theme-2 .main .output .input-text::before,
body .calc-body-theme-2 .main .output .result-text::before,
body .calc-body-theme-3 .main .output .input-text::before,
body .calc-body-theme-3 .main .output .result-text::before,
body .calc-body-theme-4 .main .output .input-text::before,
body .calc-body-theme-4 .main .output .result-text::before {
  position: absolute;
  content: 'Ввод:';
  color: #169126;
  font-size: 10px;
  top: -1px;
  left: 2px;
}

body .calc-body-theme-1 .main .output .equally-sign,
body .calc-body-theme-2 .main .output .equally-sign,
body .calc-body-theme-3 .main .output .equally-sign,
body .calc-body-theme-4 .main .output .equally-sign {
  color: #169126;
}

body .calc-body-theme-1 .main .output .result-text,
body .calc-body-theme-2 .main .output .result-text,
body .calc-body-theme-3 .main .output .result-text,
body .calc-body-theme-4 .main .output .result-text {
  margin: 0 0 0 5px;
}

body .calc-body-theme-1 .main .output .result-text::before,
body .calc-body-theme-2 .main .output .result-text::before,
body .calc-body-theme-3 .main .output .result-text::before,
body .calc-body-theme-4 .main .output .result-text::before {
  content: 'Результат:';
}

body .calc-body-theme-1 .main .buttons,
body .calc-body-theme-2 .main .buttons,
body .calc-body-theme-3 .main .buttons,
body .calc-body-theme-4 .main .buttons {
  width: 300px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #000000;
  border-radius: 5px;
  margin: 0 0 10px 0;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: -1px -1px 0px #000;
}

body .calc-body-theme-1 .main .buttons .btn,
body .calc-body-theme-2 .main .buttons .btn,
body .calc-body-theme-3 .main .buttons .btn,
body .calc-body-theme-4 .main .buttons .btn {
  width: 40px;
  outline: none;
  border-radius: 30%;
  box-shadow: -1px -1px 0px #000;
}

body .calc-body-theme-1 .main .buttons .left-panel,
body .calc-body-theme-2 .main .buttons .left-panel,
body .calc-body-theme-3 .main .buttons .left-panel,
body .calc-body-theme-4 .main .buttons .left-panel {
  width: 70%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  margin: 0 5px 0 5px;
}

body .calc-body-theme-1 .main .buttons .left-panel .number-block,
body .calc-body-theme-2 .main .buttons .left-panel .number-block,
body .calc-body-theme-3 .main .buttons .left-panel .number-block,
body .calc-body-theme-4 .main .buttons .left-panel .number-block {
  display: flex;
  flex-flow: wrap column;
  justify-content: space-between;
  margin: 5px 0 0 10px;
}

body .calc-body-theme-1 .main .buttons .left-panel .number-block .number,
body .calc-body-theme-2 .main .buttons .left-panel .number-block .number,
body .calc-body-theme-3 .main .buttons .left-panel .number-block .number,
body .calc-body-theme-4 .main .buttons .left-panel .number-block .number {
  color: blue;
  margin: 0px 10px 13px 0px;
  padding: 5px 20px 5px 20px;
  transition: 0.4s;
}

body .calc-body-theme-1 .main .buttons .left-panel .number-block .number .num-text,
body .calc-body-theme-2 .main .buttons .left-panel .number-block .number .num-text,
body .calc-body-theme-3 .main .buttons .left-panel .number-block .number .num-text,
body .calc-body-theme-4 .main .buttons .left-panel .number-block .number .num-text {
  color: #ffffff;
  font-size: 20px;
}

body .calc-body-theme-1 .main .buttons .left-panel .number-block .number:active,
body .calc-body-theme-2 .main .buttons .left-panel .number-block .number:active,
body .calc-body-theme-3 .main .buttons .left-panel .number-block .number:active,
body .calc-body-theme-4 .main .buttons .left-panel .number-block .number:active {
  background-color: grey;
}

body .calc-body-theme-1 .main .buttons .left-panel .number-block,
body .calc-body-theme-2 .main .buttons .left-panel .number-block,
body .calc-body-theme-3 .main .buttons .left-panel .number-block,
body .calc-body-theme-4 .main .buttons .left-panel .number-block {
  flex-direction: row;
  margin: 10px 0 0 5px;
}

body .calc-body-theme-1 .main .buttons .left-panel .memory-function,
body .calc-body-theme-1 .main .buttons .left-panel .round-function,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function,
body .calc-body-theme-2 .main .buttons .left-panel .round-function,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function,
body .calc-body-theme-3 .main .buttons .left-panel .round-function,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function,
body .calc-body-theme-4 .main .buttons .left-panel .round-function,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 97%;
  margin: 5px 0 0 0;
}

body .calc-body-theme-1 .main .buttons .left-panel .memory-function .memory,
body .calc-body-theme-1 .main .buttons .left-panel .memory-function .round-vol,
body .calc-body-theme-1 .main .buttons .left-panel .memory-function .sqrt,
body .calc-body-theme-1 .main .buttons .left-panel .round-function .memory,
body .calc-body-theme-1 .main .buttons .left-panel .round-function .round-vol,
body .calc-body-theme-1 .main .buttons .left-panel .round-function .sqrt,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation .memory,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation .round-vol,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation .sqrt,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function .memory,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function .round-vol,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function .sqrt,
body .calc-body-theme-2 .main .buttons .left-panel .round-function .memory,
body .calc-body-theme-2 .main .buttons .left-panel .round-function .round-vol,
body .calc-body-theme-2 .main .buttons .left-panel .round-function .sqrt,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation .memory,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation .round-vol,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation .sqrt,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function .memory,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function .round-vol,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function .sqrt,
body .calc-body-theme-3 .main .buttons .left-panel .round-function .memory,
body .calc-body-theme-3 .main .buttons .left-panel .round-function .round-vol,
body .calc-body-theme-3 .main .buttons .left-panel .round-function .sqrt,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation .memory,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation .round-vol,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation .sqrt,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function .memory,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function .round-vol,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function .sqrt,
body .calc-body-theme-4 .main .buttons .left-panel .round-function .memory,
body .calc-body-theme-4 .main .buttons .left-panel .round-function .round-vol,
body .calc-body-theme-4 .main .buttons .left-panel .round-function .sqrt,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation .memory,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation .round-vol,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation .sqrt {
  box-sizing: border-box;
  border-radius: 2px;
  height: 20px;
  background-color: #1c0472;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px 0 0;
}

body .calc-body-theme-1 .main .buttons .left-panel .memory-function .memory-active,
body .calc-body-theme-1 .main .buttons .left-panel .memory-function .round-vol-active,
body .calc-body-theme-1 .main .buttons .left-panel .memory-function .sqrt-active,
body .calc-body-theme-1 .main .buttons .left-panel .round-function .memory-active,
body .calc-body-theme-1 .main .buttons .left-panel .round-function .round-vol-active,
body .calc-body-theme-1 .main .buttons .left-panel .round-function .sqrt-active,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation .memory-active,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation .round-vol-active,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation .sqrt-active,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function .memory-active,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function .round-vol-active,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function .sqrt-active,
body .calc-body-theme-2 .main .buttons .left-panel .round-function .memory-active,
body .calc-body-theme-2 .main .buttons .left-panel .round-function .round-vol-active,
body .calc-body-theme-2 .main .buttons .left-panel .round-function .sqrt-active,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation .memory-active,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation .round-vol-active,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation .sqrt-active,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function .memory-active,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function .round-vol-active,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function .sqrt-active,
body .calc-body-theme-3 .main .buttons .left-panel .round-function .memory-active,
body .calc-body-theme-3 .main .buttons .left-panel .round-function .round-vol-active,
body .calc-body-theme-3 .main .buttons .left-panel .round-function .sqrt-active,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation .memory-active,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation .round-vol-active,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation .sqrt-active,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function .memory-active,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function .round-vol-active,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function .sqrt-active,
body .calc-body-theme-4 .main .buttons .left-panel .round-function .memory-active,
body .calc-body-theme-4 .main .buttons .left-panel .round-function .round-vol-active,
body .calc-body-theme-4 .main .buttons .left-panel .round-function .sqrt-active,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation .memory-active,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation .round-vol-active,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation .sqrt-active {
  background-color: grey;
  border: 1px solid;
  box-shadow: -1px -1px 1px #000000;
  border-radius: 2px;
}

body .calc-body-theme-1 .main .buttons .left-panel .memory-function .memory .round-text,
body .calc-body-theme-1 .main .buttons .left-panel .memory-function .round-vol .round-text,
body .calc-body-theme-1 .main .buttons .left-panel .memory-function .sqrt .round-text,
body .calc-body-theme-1 .main .buttons .left-panel .round-function .memory .round-text,
body .calc-body-theme-1 .main .buttons .left-panel .round-function .round-vol .round-text,
body .calc-body-theme-1 .main .buttons .left-panel .round-function .sqrt .round-text,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation .memory .round-text,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation .round-vol .round-text,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation .sqrt .round-text,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function .memory .round-text,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function .round-vol .round-text,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function .sqrt .round-text,
body .calc-body-theme-2 .main .buttons .left-panel .round-function .memory .round-text,
body .calc-body-theme-2 .main .buttons .left-panel .round-function .round-vol .round-text,
body .calc-body-theme-2 .main .buttons .left-panel .round-function .sqrt .round-text,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation .memory .round-text,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation .round-vol .round-text,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation .sqrt .round-text,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function .memory .round-text,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function .round-vol .round-text,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function .sqrt .round-text,
body .calc-body-theme-3 .main .buttons .left-panel .round-function .memory .round-text,
body .calc-body-theme-3 .main .buttons .left-panel .round-function .round-vol .round-text,
body .calc-body-theme-3 .main .buttons .left-panel .round-function .sqrt .round-text,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation .memory .round-text,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation .round-vol .round-text,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation .sqrt .round-text,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function .memory .round-text,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function .round-vol .round-text,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function .sqrt .round-text,
body .calc-body-theme-4 .main .buttons .left-panel .round-function .memory .round-text,
body .calc-body-theme-4 .main .buttons .left-panel .round-function .round-vol .round-text,
body .calc-body-theme-4 .main .buttons .left-panel .round-function .sqrt .round-text,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation .memory .round-text,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation .round-vol .round-text,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation .sqrt .round-text {
  position: absolute;
  color: #ffffff;
  font-size: 12px;
}

body .calc-body-theme-1 .main .buttons .left-panel .memory-function .sqrt,
body .calc-body-theme-1 .main .buttons .left-panel .round-function .sqrt,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation .sqrt,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function .sqrt,
body .calc-body-theme-2 .main .buttons .left-panel .round-function .sqrt,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation .sqrt,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function .sqrt,
body .calc-body-theme-3 .main .buttons .left-panel .round-function .sqrt,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation .sqrt,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function .sqrt,
body .calc-body-theme-4 .main .buttons .left-panel .round-function .sqrt,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation .sqrt {
  background-color: #3d3c3c;
}

body .calc-body-theme-1 .main .buttons .left-panel .memory-function .memory,
body .calc-body-theme-1 .main .buttons .left-panel .round-function .memory,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation .memory,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function .memory,
body .calc-body-theme-2 .main .buttons .left-panel .round-function .memory,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation .memory,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function .memory,
body .calc-body-theme-3 .main .buttons .left-panel .round-function .memory,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation .memory,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function .memory,
body .calc-body-theme-4 .main .buttons .left-panel .round-function .memory,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation .memory {
  background-color: #0b5e03;
}

body .calc-body-theme-1 .main .buttons .left-panel .memory-function .memory .memory-text,
body .calc-body-theme-1 .main .buttons .left-panel .memory-function .sqrt .sqrt-text,
body .calc-body-theme-1 .main .buttons .left-panel .round-function .memory .memory-text,
body .calc-body-theme-1 .main .buttons .left-panel .round-function .sqrt .sqrt-text,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation .memory .memory-text,
body .calc-body-theme-1 .main .buttons .left-panel .exponentiation .sqrt .sqrt-text,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function .memory .memory-text,
body .calc-body-theme-2 .main .buttons .left-panel .memory-function .sqrt .sqrt-text,
body .calc-body-theme-2 .main .buttons .left-panel .round-function .memory .memory-text,
body .calc-body-theme-2 .main .buttons .left-panel .round-function .sqrt .sqrt-text,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation .memory .memory-text,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation .sqrt .sqrt-text,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function .memory .memory-text,
body .calc-body-theme-3 .main .buttons .left-panel .memory-function .sqrt .sqrt-text,
body .calc-body-theme-3 .main .buttons .left-panel .round-function .memory .memory-text,
body .calc-body-theme-3 .main .buttons .left-panel .round-function .sqrt .sqrt-text,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation .memory .memory-text,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation .sqrt .sqrt-text,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function .memory .memory-text,
body .calc-body-theme-4 .main .buttons .left-panel .memory-function .sqrt .sqrt-text,
body .calc-body-theme-4 .main .buttons .left-panel .round-function .memory .memory-text,
body .calc-body-theme-4 .main .buttons .left-panel .round-function .sqrt .sqrt-text,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation .memory .memory-text,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation .sqrt .sqrt-text {
  position: absolute;
  color: #ffffff;
  font-size: 12px;
}

body .calc-body-theme-1 .main .buttons .left-panel .exponentiation,
body .calc-body-theme-2 .main .buttons .left-panel .exponentiation,
body .calc-body-theme-3 .main .buttons .left-panel .exponentiation,
body .calc-body-theme-4 .main .buttons .left-panel .exponentiation {
  margin: 7px 0 5px 0;
}

body .calc-body-theme-1 .main .buttons .func-block,
body .calc-body-theme-2 .main .buttons .func-block,
body .calc-body-theme-3 .main .buttons .func-block,
body .calc-body-theme-4 .main .buttons .func-block {
  width: 30%;
  max-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 5px 0 0 10px;
}

body .calc-body-theme-1 .main .buttons .func-block .function,
body .calc-body-theme-1 .main .buttons .func-block .random,
body .calc-body-theme-2 .main .buttons .func-block .function,
body .calc-body-theme-2 .main .buttons .func-block .random,
body .calc-body-theme-3 .main .buttons .func-block .function,
body .calc-body-theme-3 .main .buttons .func-block .random,
body .calc-body-theme-4 .main .buttons .func-block .function,
body .calc-body-theme-4 .main .buttons .func-block .random {
  margin: 1px -13px 12px 10px;
  padding: 3px 20px 3px 20px;
  background-color: #cccccc;
  color: #000000;
  display: flex;
  align-content: center;
  justify-content: center;
}

body .calc-body-theme-1 .main .buttons .func-block .random,
body .calc-body-theme-2 .main .buttons .func-block .random,
body .calc-body-theme-3 .main .buttons .func-block .random,
body .calc-body-theme-4 .main .buttons .func-block .random {
  background-color: #000000;
  color: #cccccc;
  border-radius: 0;
}

body .calc-body-theme-1 .main .buttons .func-block .erase,
body .calc-body-theme-2 .main .buttons .func-block .erase,
body .calc-body-theme-3 .main .buttons .func-block .erase,
body .calc-body-theme-4 .main .buttons .func-block .erase {
  color: #cccccc;
  background-color: #df0f0f;
  margin: 5px -13px 5px 10px;
}

body .calc-body-theme-1 .main .buttons .func-block .disabled,
body .calc-body-theme-2 .main .buttons .func-block .disabled,
body .calc-body-theme-3 .main .buttons .func-block .disabled,
body .calc-body-theme-4 .main .buttons .func-block .disabled {
  color: grey;
  border: 1px dotted;
  background-color: #ccc;
  font-weight: 500;
  margin: 0 0 5px 0;
  position: relative;
  margin: 0 -13px 5px 10px;
}

body .calc-body-theme-1 .main .buttons .func-block .reset,
body .calc-body-theme-2 .main .buttons .func-block .reset,
body .calc-body-theme-3 .main .buttons .func-block .reset,
body .calc-body-theme-4 .main .buttons .func-block .reset {
  box-sizing: border-box;
  padding: 5px 20px 5px 20px;
  margin: 0 -13px 13px 10px;
  background-color: #df0f0f;
  border-radius: 10px;
  color: #cccccc;
  box-shadow: -1px -1px 0px #000;
  outline: none;
}

body .calc-body-theme-1 .main .buttons .func-block .reset .reset-text,
body .calc-body-theme-2 .main .buttons .func-block .reset .reset-text,
body .calc-body-theme-3 .main .buttons .func-block .reset .reset-text,
body .calc-body-theme-4 .main .buttons .func-block .reset .reset-text {
  position: relative;
}

body .calc-body-theme-1 .footer,
body .calc-body-theme-2 .footer,
body .calc-body-theme-3 .footer,
body .calc-body-theme-4 .footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px 0 10px;
}

body .calc-body-theme-1 .footer-label,
body .calc-body-theme-2 .footer-label,
body .calc-body-theme-3 .footer-label,
body .calc-body-theme-4 .footer-label {
  color: #ffffff;
}

body .calc-body-theme-1 .footer-link,
body .calc-body-theme-2 .footer-link,
body .calc-body-theme-3 .footer-link,
body .calc-body-theme-4 .footer-link {
  color: #ffffff;
  text-decoration: none;
  transition: 0.4s;
}

body .calc-body-theme-1 .footer-link:hover,
body .calc-body-theme-2 .footer-link:hover,
body .calc-body-theme-3 .footer-link:hover,
body .calc-body-theme-4 .footer-link:hover {
  color: #cfc9c9;
}