body {
   background-image: url("https://thumbs.dreamstime.com/z/fondo-incons%C3%BAtil-del-modelo-de-la-educaci%C3%B3n-matem%C3%A1tica-74934423.jpg?w=992");

}

.btn-lg {
   box-shadow: 0px 4px rgba(0, 0, 0, 0.2);
}

.btn3d,
.btn3d:focus {
   position: relative;
   top: -6px;
   border: 0;
   -moz-outline-style: none;
   outline: medium none;
   transition: all 0.04s linear;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 2px;
   margin-right: 2px;
}

.btn3d:active,
.btn3d.active {
   top: 2px;
}

.btn3d.btn-white {
   color: #666666;
   box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0, 0, 0, .2);
   background-color: #fff;
}

.btn3d.btn-white:active,
.btn3d.btn-white.active {
   color: #666666;
   box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, .1);
   background-color: #fff;
}

.btn3d.btn-default {
   color: #666666;
   box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0, 0, 0, .2);
   background-color: #f9f9f9;
}

.btn3d.btn-default:active,
.btn3d.btn-default.active {
   color: #666666;
   box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, .1);
   background-color: #f9f9f9;
}

.btn3d.btn-primary {
   box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(0, 0, 0, 0.15) inset, 0 8px 0 0 black, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
   background-color: #333;
}

.btn3d.btn-primary:active,
.btn3d.btn-primary.active {
   box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
   background-color: #333;
}

.btn3d.btn-success {
   box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #4D5BBE, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
   background-color: #4274D7;
}

.btn3d.btn-success:active,
.btn3d.btn-success.active {
   box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
   background-color: #4274D7;
}

.btn3d.btn-info {
   box-shadow: 0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #348FD2, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
   background-color: #39B3D7;
}

.btn3d.btn-info:active,
.btn3d.btn-info.active {
   box-shadow: 0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
   background-color: #39B3D7;
}

.btn3d.btn-warning {
   box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #D79A34, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
   background-color: #FEAF20;
}

.btn3d.btn-warning:active,
.btn3d.btn-warning.active {
   box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
   background-color: #FEAF20;
}

.btn3d.btn-danger {
   box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #AA0000, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
   background-color: #D73814;
}

.btn3d.btn-danger:active,
.btn3d.btn-danger.active {
   box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
   background-color: #D73814;
}

.btn3d.btn-magick {
   color: #fff;
   box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
   background-color: #bb39d7;
}

.btn3d.btn-magick:active,
.btn3d.btn-magick.active {
   box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
   background-color: #bb39d7;
}

.mtop {
   margin-top: 10%;
}

.txtr {
   height: 67px;
   font-size: 44px;
   text-align: right;
   margin-bottom: 20px;
   box-shadow: inset 3px 3px rgba(0, 0, 0, 0.2);
}

.mbottom {
   marginBottom: '10px';
}

.calculadoraBase {
   display: inline-block;
   padding: 6px 12px;
   margin-bottom: 0;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.42857143;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 4px;
   color: #666666;
   box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0, 0, 0, .2);
   background-color: #f9f9f9;
   position: relative;
   top: -6px;
   border: 0;
   -moz-outline-style: none;
   outline: medium none;
   transition: all 0.04s linear;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 2px;
   margin-right: 2px;

}