*{box-sizing:border-box}html{min-height:100%;font-family:'Open Sans', sans-serif;color:#313239;margin:0;background:linear-gradient(to bottom right, #1FA2FF,#12D8FA,#81f1c9)}body{margin:0;color:#313239}.bops,.button:focus,.textInput:focus{outline:0}.nav{background-color:#eff1f4;color:#313239;height:50px}.nav .fa{font-size:40px;height:40px;width:55px;text-align:center;margin:5px 0}.nav .icon{float:right;display:inline-block}.nav .navButton{display:inline-block;font-size:20px;height:50px;width:100px;border-style:none;background-color:transparent}.nav .navButton:hover{background-color:#ced4da}.header{background-color:#4c4d54;color:white;height:30px;padding:4px 0 0;border-radius:15px 15px 0 0;text-align:center;transition:border-radius 0.4s 0.5s}.header .bops{display:inline-block;margin:0 0 0 5px;height:15px;width:15px;float:right;position:relative;right:10px;top:-17px;border-radius:100px;cursor:pointer;transition:all 0.5s}.header .bops:hover{filter:opacity(70%)}.header .minimise{background-color:#fcc419}.header .maximise{background-color:#51cf66}.header .quit{background-color:#ff6b6b}.content.hidden{opacity:0 !important;height:0 !important;padding:0 !important;transition:opacity 0.4s, height 0.4s 0.7s, padding 0.4s 0.7s !important}.firstProgram{width:500px;margin:70px auto;background-color:white;border-radius:18px}.firstProgram .content{height:240px;padding:26px 0;border-radius:0 0 18px 18px;transition:opacity 0.4s 0.7s, height 0.4s, padding 0.4s}.firstProgram .content .title{margin:0;text-align:center;font-weight:400;letter-spacing:6px;text-transform:capitalize}.firstProgram .content .textInput{background-color:#eff1f4;display:block;margin:28px auto;padding:12px;width:90%;font-size:20px;border-radius:6px;border:solid 2px #eff1f4;text-align:center;transition:all 0.7s}.firstProgram .content .textInput:focus{border:solid 2px #12D8FA}.firstProgram .content .button{background-color:white;display:block;margin:0 auto;padding:15px 50px;border-radius:100px;font-size:16px;border:2px solid #1FA2FF;letter-spacing:5px;cursor:pointer;transition:all 0.5s}.firstProgram .content .button:hover{background-color:#1FA2FF;color:white}.firstProgram .content .textOutput{opacity:0;background-color:#1FA2FF;color:white;width:70%;height:40px;word-break:break-all;line-height:25px;padding:10px;border-radius:4px;text-align:center;margin:20px auto 0;overflow:hidden;cursor:pointer;transition:all 0.6s, opacity 0.3s 0.5s}.secondProgram{width:412px;margin:0 auto 70px;background-color:white;border-radius:18px;user-select:none}.secondProgram .content{height:580px;border-radius:0 0 18px 18px;padding:30px 0 0;transition:opacity 0.4s 0.7s, height 0.4s, padding 0.4s}.secondProgram .content .button{background-color:#eff1f4;display:inline-block;height:70px;width:70px;text-align:center;vertical-align:middle;line-height:70px;border-radius:100px;font-size:36px;cursor:pointer;transition:all 0.3s;margin:7px 5px}.secondProgram .content .button:hover{background-color:#dee2e6}.secondProgram .content .textOutput{background-color:#eff1f4;font-size:30px;line-height:50px;vertical-align:middle;width:85%;height:70px;padding:10px 15px;border-radius:4px;text-align:right;margin:0 auto 30px;font-weight:400;letter-spacing:6px;overflow:scroll}.secondProgram .content .number0{width:155px}.secondProgram .content .decimal{padding:4px 0 0}.secondProgram .content .sign{background-color:#1FA2FF;color:white}.secondProgram .content .sign:hover{background:#1c7cd6}.secondProgram .content .other{background-color:#868e96;color:white}.secondProgram .content .other:hover{background-color:#495057}.secondProgram .content .C{padding:4px 0 0;background-color:#fab005}.secondProgram .content .C:hover{background-color:#f59f00}

/*# sourceMappingURL=style.css.map */
