body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.calculator{background-color:#f9f9f9;border:2px solid #ccc;border-radius:5px;margin:50px auto;padding:20px;width:300px}.resut_input,.resut_output{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.brandLogo{font-size:15px}.input{border:none}.button_func{background-color:#a9a9a9}.resut_input{font-size:14px;font-weight:700;padding-left:5px}.resut_output{float:right;font-size:13px;font-weight:700;padding-right:5px;padding-top:30px}.result_container{border:2px solid #ccc;height:100px}.button_func_equal{background-color:aqua}.input,.output{border:2px solid #ccc;border-radius:5px;font-size:18px;margin-bottom:10px;padding:10px;width:calc(100% - 10px)}.buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.button_func_del{background-color:#e4a1a1}button{background-color:#eee;border:none;border-radius:5px;cursor:pointer;font-size:13px;height:auto;padding:10px;text-align:center;width:100%}@media only screen and (max-width:400px){.calculator{background-color:#f9f9f9;border:2px solid #ccc;border-radius:5px;height:500px!important;margin:50px auto;padding:20px;width:310px}.brandLogo{text-wrap:nowrap;display:inline;font-size:14px}.input{border:none}.button_func{background-color:#a9a9a9;font-size:10px}.button_number{font-size:12px}.resut_input{font-size:14px;font-weight:700;padding-left:5px}.resut_output{float:right;font-size:11px;font-weight:700;padding-right:5px;padding-top:15px}.result_container{border:2px solid #ccc;height:60px}.button_func_equal{background-color:aqua}.input,.output{border:2px solid #ccc;border-radius:5px;font-size:10px;margin-bottom:10px;padding:10px;width:calc(100% - 10px)}.buttons{grid-gap:10px;display:grid;font-size:10px;gap:10px;grid-template-columns:repeat(4,1fr);height:80px}.resut_input,.resut_output{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.button_func_del{background-color:#e4a1a1;text-align:center}button{background-color:#eee;border:none;border-radius:5px;cursor:pointer;font-size:10px;font-size:12px;height:auto;padding:10px;text-align:center;width:100%}}@media only screen and (max-width:300px){.calculator{background-color:#f9f9f9;border:2px solid #ccc;border-radius:5px;height:600!important;margin:50px auto;padding:20px;width:200px}.input{border:none}.button_func{background-color:#a9a9a9;font-size:10px}.button_number{font-size:12px}.resut_input{font-size:14px;font-weight:700;padding-left:5px}.resut_output{float:right;font-size:11px;font-weight:700;padding-right:5px;padding-top:10px}.result_container{border:2px solid #ccc;height:70px}.button_func_equal{background-color:aqua}.input,.output{border:2px solid #ccc;border-radius:5px;font-size:10px;margin-bottom:10px;padding:10px;width:calc(100% - 10px)}.buttons{grid-gap:10px;display:grid;font-size:10px;gap:10px;grid-template-columns:repeat(4,1fr);height:100px}.resut_input,.resut_output{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.button_func_del{background-color:#e4a1a1;text-align:center}button{background-color:#eee;border:none;border-radius:5px;cursor:pointer;font-size:10px;font-size:12px;height:auto;padding:10px;text-align:center;width:100%}}@media only screen and (max-width:250px){.calculator{background-color:#f9f9f9;border:2px solid #ccc;border-radius:5px;height:500px!important;margin:50px auto;padding:20px;width:200px}.input{border:none}.button_func{background-color:#a9a9a9;font-size:14px}.button_number{font-size:12px;height:30px}.resut_input{font-size:14px;font-weight:700;padding-left:5px}.resut_output{float:right;font-size:3.5vw;font-weight:700;padding-right:5px;padding-top:10px}.resut_input,.resut_output{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.result_container{border:2px solid #ccc;height:50px}.button_func_equal{background-color:aqua}.input,.output{border:2px solid #ccc;border-radius:5px;font-size:18px;margin-bottom:10px;padding:10px;width:calc(100% - 10px)}.buttons{grid-gap:10px;display:grid;font-size:10px;gap:10px;grid-template-columns:repeat(4,1fr);height:100px}.button_func_del{background-color:#e4a1a1;text-align:center}button{background-color:#eee;border:none;border-radius:5px;cursor:pointer;font-size:10px;font-size:12px;height:25px;padding:10px;text-align:center;width:100%}}