.mainContainer{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.calcContainer{width:75%;height:450px;background-color:#fff;border-radius:20px;box-shadow:#0000001a 0 4px 12px;display:flex;align-items:center;justify-content:center;gap:20px;padding:40px}.leftInfo{width:50%;height:100%;display:flex;justify-content:space-between;flex-direction:column}.leftInfo .topLeftInfo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}.leftInfo .topLeftInfo h2{font-size:1.8rem}.leftInfo .topLeftInfo input{text-align:right;width:350px;background-color:#f4f4f4;border-radius:10px;border:2px solid #f4f4f4;height:40px;padding:20px;font-weight:700;font-size:1.2rem}.leftInfo .topLeftInfo button{background-color:#052f2e;color:#fff;border:2px solid #052f2e;border-radius:10px;padding:10px 20px;width:350px;font-size:1.2rem;font-weight:700;transition:all .3s;cursor:pointer}.leftInfo .topLeftInfo button:hover{background-color:#72eabd;border:2px solid #72eabd}.leftInfo .bottomLeftInfo p{font-size:1.5rem;font-weight:700}.leftInfo .bottomLeftInfo p a{text-decoration:none;color:#000;font-weight:700}.rightInfo{width:50%;height:100%;background-color:#052f2e;border-radius:10px;display:flex;justify-content:space-between;flex-direction:column}.rightInfo p{padding:25px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:700;font-size:1.4rem}.rightInfo b{display:flex;align-items:center;justify-content:center;gap:20px;color:#72eabd;font-size:1.6rem}.rightInfo b span{opacity:.7;font-size:1.3rem}@media screen and (max-width: 768px){.calcContainer{height:auto;flex-direction:column;gap:50px;width:85%;padding:20px}.leftInfo{width:100%;align-items:center;justify-content:center;gap:20px}.leftInfo .topLeftInfo{align-items:center;width:90%}.leftInfo .topLeftInfo input,.leftInfo .topLeftInfo button,.rightInfo{width:100%}.rightInfo p{font-size:1.2rem}.rightInfo b{font-size:1.4rem}.rightInfo b span{font-size:1rem}}*{box-sizing:border-box;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}body{background-color:#cefcff}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}