@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap);*{margin:0;padding:0;box-sizing:border-box}.App{font-family:"Space Mono",monospace;background-color:#c5e4e7;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}h4{font-weight:700;text-transform:uppercase;letter-spacing:.4rem;color:#00494d}footer{margin:20px 0;text-align:center;font-size:.8rem;color:#5e7a7d}footer a{color:#00494d;text-decoration:none}@media screen and (min-width:320px)and (max-width:1205px){.App{justify-content:flex-start}h4{margin:30px 0}}.container_main{background:#fff;width:60vw;height:30vw;margin-top:50px;border-radius:15px;display:flex;padding:30px}.datas,.results{width:50%}@media screen and (max-width:767px){.container_main{width:100%;height:100%;margin:0;flex-direction:column;padding:20px}.datas,.results{width:100%}.datas{margin-bottom:20px}}@media screen and (min-width:768px) and (max-width:1205px){.container_main{width:60%;height:100%;flex-direction:column;padding:20px}.datas,.results{width:100%}.datas{margin-bottom:20px}}.section_container{margin-bottom:30px}.section_container p{color:#5e7a7d;margin-bottom:5px;font-size:.8rem;font-weight:700}.section_container .account_container{display:flex;align-items:center}.section_container .account_container img{position:absolute;margin-left:15px;width:10px}.section_container .account_container input{border:2px solid #fff;color:#00494d;width:90%;height:100%;font-size:1.3rem;text-align:right;font-family:"Space Mono",monospace;font-weight:700;padding-right:15px;outline:none;transition:.2s}.section_container .account_container input:focus,.section_container .account_container input:hover{cursor:pointer;border:2px solid #26c0ab;border-radius:5px}@media screen and (max-width:767px){.section_container{margin-bottom:20px}.section_container .account_container input{width:100%}}.container_results{background-color:#00494d;padding:30px;height:100%;display:flex;flex-direction:column;justify-content:space-between;border-radius:15px}.container_results .results_final div{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.container_results .results_final div p{display:flex;flex-direction:column;color:#fff;font-size:.8rem}.container_results .results_final div span{color:#5e7a7d}.container_results .results_final div strong{font-size:2.2rem;color:#26c0ab}.container_results button{background-color:#26c0ab;opacity:.2;font-weight:700;padding:10px;border:none;border-radius:5px;text-transform:uppercase;transition:.2s}.container_results button:hover{color:#00494d;opacity:.8;background-color:#7fffd4;cursor:pointer}@media screen and (max-width:767px){.container_results{padding:20px}.container_results .results_final div{margin-bottom:20px}.container_results .results_final div strong{font-size:2rem}}.container_people{margin:40px 0}.container_people .texts{display:flex;align-items:center;justify-content:space-between}.container_people .texts p{color:#5e7a7d;margin-bottom:5px;margin-right:30px;font-size:.8rem;font-weight:700}.container_people .texts p.red{color:red;font:.7rem}.container_people .container_inputNumberPeople{display:flex;align-items:center}.container_people .container_inputNumberPeople img{position:absolute;margin-left:15px;width:10px}.container_people .container_inputNumberPeople input{border:2px solid #fff;color:#00494d;width:90%;height:100%;font-size:1.3rem;text-align:right;font-family:"Space Mono",monospace;font-weight:700;padding-right:15px;outline:none;transition:.2s}.container_people .container_inputNumberPeople:focus,.container_people .container_inputNumberPeople input:hover{cursor:pointer;border:2px solid #26c0ab;border-radius:5px}@media screen and (max-width:767px){.container_people .container_inputNumberPeople input{width:100%}}.container_percentage p{color:#5e7a7d;margin-bottom:5px;font-size:.8rem;font-weight:700}.container_percentage .container_choice{display:flex;flex-wrap:wrap}.container_percentage .container_choice input,.container_percentage button{font-family:"Space Mono",monospace;font-size:1.1rem;width:28%;padding:5px;border:none;border-radius:5px;margin-right:10px;margin-top:10px}.container_percentage .container_choice button{background-color:#00494d;color:#fff}.container_percentage .container_choice button:hover{background-color:#90e4d9;color:#00494d;font-weight:700;cursor:pointer}.container_percentage .container_choice button:focus{background-color:#26c0ab;color:#00494d;font-weight:700}.container_percentage .container_choice input{border:2px solid #fff;color:#00494d;font-size:1.1rem;font-weight:700;text-align:right;outline:none;transition:.2s}.container_percentage .container_choice input:focus,.container_percentage .container_choice input:hover{cursor:pointer;border:2px solid #26c0ab;border-radius:5px}.container_choice input::-webkit-input-placeholder{color:#5e7a7d}.container_choice input:-ms-input-placeholder{color:#5e7a7d}.container_choice input::placeholder{color:#5e7a7d}@media screen and (max-width:767px){.container_percentage .container_choice input,.container_percentage button{width:45%}}
/*# sourceMappingURL=main.c950b942.chunk.css.map */